2014-02-23 27 views
-2

这是我目前添加谷歌地图到我的网站的代码吗?如何将Google地图添加到网站?

<!DOCTYPE html> 
<html> 
    <head> 
    <style> 
     #map_canvas { 
     width: 500px; 
     height: 400px; 
     } 
    </style> 
    <script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script> 
    <script> 
     function initialize() { 
     var map_canvas = document.getElementById('map_canvas'); 
     var map_options = { 
      center: new google.maps.LatLng(44.5403, -78.5463), 
      zoom: 8, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     } 
     var map = new google.maps.Map(map_canvas, map_options) 
     } 
     google.maps.event.addDomListener(window, 'load', initialize); 
    </script> 
    </head> 
    <body> 
    <div id="map_canvas"></div> 
    </body> 
</html> 

我有2个简单的问题:

  1. 怎样在我的API密钥添加使用,以确保我的服务器的IP不会被阻止?

  2. 这似乎是使用纬度和纬度。我怎样才能改变这个使用城市的名字呢?例如,可以输入“休斯顿”而不是坐标?

回答

0

要添加Google地图API密钥,请按照这些instructions。以下是用于添加您自己的密钥的代码行。如果地图不显示它的其他故障排除需要做的(即它可以被阻止)

<script type="text/javascript" 
     src="https://maps.googleapis.com/maps/api/js?key=(*YOUR KEY*)"></script> 

,最简单的方式来增加休斯敦地图中心也发现lat和长进账。您可以在页面加载时创建表单,要求用户输入其城市,然后对城市进行地理编码并将地图加载到输入位置。这将需要相当多的额外工作。