如何在我的网站中加载谷歌地图?

时间:2012-10-28 12:41:56

标签: javascript google-maps

我的代码就像这样

<div id="map" style="width: 200px; height: 200px; border:1px solid #000000; position:absolute">&nbsp;</div>
<script type="text/javascript">
function ShowMap(Longitude,Latitude,Address){
var map = new GMap(document.getElementById("map"));
map.centerAndZoom(new GPoint(Longitude,Latitude),2);
map.addControl(new GLargeMapControl());
var point = new GPoint(Longitude,Latitude);
}
</script>
<script language="javascript">ShowMap('73.15821','22.32316','')</script>        
</div>
头文件中的

<script src="http://maps.google.com/maps?file=api&v=1&key=ABQIAAAAUbVoUU0NAYILZTXJsa42UhQAOjerBL9Cz5dE0cCceAtSlRyy8RSeV_tVtvvlVOxAL55LJfb2kwET3Q" type="text/javascript"></script>

错误是

  

ReferenceError:未定义GMap   [打破此错误]
  var map = new GMap(document.getElementById(“drctmap”));

3 个答案:

答案 0 :(得分:1)

你应该在dom加载后执行showMap函数:

window.onload = function(){ShowMap('73.15821','22.32316',''));  

google如何附加加载事件(如here所示):

<body onload="ShowMap('73.15821','22.32316','');">

答案 1 :(得分:0)

最有可能的原因是,在执行ShowMap()

时,您的文档未完全加载

尝试将您的脚本包装到document.onloadwindow.onload

答案 2 :(得分:0)

您使用的是Google Maps API的弃用版本。如果你真的使用的是版本3,你只需使用“Map”代替“GMap”作为构造函数......