Question

我是一名新的网络开发人员，并试图在我的客户的网站上获取嵌入式Google地图。当我在我的机器和其他人上测试.html文件时，它运行得很好但是当我在godaddy.com上购买的托管服务和域名上运行网站时，地图不起作用...

任何人都有任何想法如何解决这个问题。如果有帮助，谷歌地图嵌入代码将在下面。提前致谢。

<div id="googleMap"></div>

<script src="http://maps.googleapis.com/maps/api/js"></script>
<script>
var myCenter = new google.maps.LatLng(40.289696, -111.720798);

function initialize() {
var mapProp = {
center:myCenter,
zoom:12,
scrollwheel:false,
draggable:false,
mapTypeId:google.maps.MapTypeId.ROADMAP
};

var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);

var marker = new google.maps.Marker({
position:myCenter,
});

marker.setMap(map);
}

google.maps.event.addDomListener(window, 'load', initialize);
</script>

Answer 1

试试这个，

<script
src="http://maps.googleapis.com/maps/api/js">
</script>

<script>
     function initialize() {
        var mapProp = {
          center:new google.maps.LatLng(51.508742,-0.120850),
          zoom:5,
          mapTypeId:google.maps.MapTypeId.ROADMAP
        };
       var map=new google.maps.Map(document.getElementById("googleMap"), mapProp);
     }
     google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>

<body>
   <div id="googleMap" style="width:500px;height:380px;"></div>

</body>
</html>

为我的网站问题嵌入谷歌地图

1 个答案: