Google Maps API无法在我的网站上运行

时间:2013-01-16 07:18:37

标签: api google-maps

 <script type="text/javascript"
      src="http://maps.googleapis.com/maps/api/js?key=MYKEYHERE&sensor=false">
    </script>
    <script type="text/javascript">



var simplerweb = new google.maps.LatLng(55.977046,-3.197118);
var marker;
var map;






      function initialize() {
        var myOptions = {
          center: new google.maps.LatLng(55.977046,-3.197118),  
          disableDefaultUI: true,
          zoom: 15,
           scrollwheel: false,
    navigationControl: false,
    mapTypeControl: false,
    scaleControl: false, 
    draggable: false,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map_canvas"),
            myOptions);
  marker = new google.maps.Marker({
    map:map,
    draggable:true,
    animation: google.maps.Animation.DROP,
    position: andrewmorris,
    icon: 'http://www.andrewsmorris.co.uk/images/point.png' 
  });
  google.maps.event.addListener(marker, 'click', toggleBounce);
}





function toggleBounce() {

  if (marker.getAnimation() != null) {
    marker.setAnimation(null);
  } else {
    marker.setAnimation(google.maps.Animation.BOUNCE);
  }
}


    </script>

所以我无法弄清楚为什么这不适用于我的新网站,在旧网站上运行正常。

我在一个名为map_canvas

的div中转储

它应该工作,对吗? Google maps API设置为允许从该网址引荐。

1 个答案:

答案 0 :(得分:0)

只要你有正确的密钥,它就可以正常工作。

你是否仔细检查过你在html体内调用 initialize(),如

<body onload="initialize()">
    <div id="map_canvas" style="width:100%; height:100%"></div>
</body>

此标记图片的链接也已消失。