在重新加载Java脚本API时将特定位置设置为映射中心

时间:2015-05-11 20:39:02

标签: javascript google-maps google-maps-api-3

我想设置我的谷歌地图加载在俄亥俄州麦地那。我确实找到了一些关于地图中心加载到特定位置的信息,但它给我的全部是芝加哥的一个例子。

以下是我将var map =更改为var Medina的代码,但它不起作用。有人可以告诉我为什么以及如何在页面加载时将其设置为以Medina,OH为中心?

    function initialize() {
      var mapOptions = {
        zoom: 13,
        center: new google.maps.LatLng(40.7809919,-73.9665273)
      };

      var map = new google.maps.Map(document.getElementById('map-canvas'),
          mapOptions);
    }

    function loadScript() {
      var script = document.createElement('script');
      script.type = 'text/javascript';
      script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&' +
          'callback=initialize';
      document.body.appendChild(script);
    }

    window.onload = loadScript;

2 个答案:

答案 0 :(得分:0)

google.maps.LatLng(40.7809919,-73.9665273) 

这些是您需要更正的坐标,以便它们与您的中心匹配。

答案 1 :(得分:0)

正如彼得所说,纬度和经度坐标需要改变,以匹配你想要地图中心的位置。

该行:

center: new google.maps.LatLng(40.7809919,-73.9665273)

分别指定地图的中心,纬度,经度。

如果您希望地图中心位于纬度30和经度-80,只需将线条更改为

center: new google.maps.LatLng(30.0000000,-80.0000000)

这一切都很好,但是你希望这个中心位于俄亥俄州的麦地那。要找到此地点的地理坐标,我们可以使用您正在自定义的产品Google地图。

如果您导航至maps.google.com,则可以搜索“俄亥俄州麦地那”。这将使您在地图上看到城市的景色。如果您右键单击地图上某个位置的,然后选择“这里有什么?”你可以看到这个地方的地理坐标。

我在麦地那中心选择了一个点,其纬度 41.1378070 ,经度 -81.8641530 。现在我们知道了坐标,我们所要做的就是将上述行更改为:

center: new google.maps.LatLng(41.1378070,-81.8641530)

如果您愿意,可以自己在地图上选择一个点来自定义地图的坐标。如果您有任何疑问,请告诉我们!