Question

我希望这是一个快速而简单的问题。我网站的联系页面显示了一张谷歌地图，并以我（前）位置为中心。我希望将该位置更改为我们移动的位置，但无法找到API获取默认位置坐标的位置。

我发现的全部内容如下：在我的页面的头部分：

 <!--[if lt IE 9]>
    <html class="lt-ie9">
    <div id="ie6-alert" style="width: 100%; text-align:center; background: #232323;">
        <img src="http://beatie6.frontcube.com/images/ie6.jpg" alt="Upgrade IE 6" width="640" height="344" border="0"
             usemap="#Map" longdesc="http://die6.frontcube.com"/>
        <map name="Map" id="Map">
            <area shape="rect" coords="496,201,604,329"
                  href="http://www.microsoft.com/windows/internet-explorer/default.aspx" target="_blank"
                  alt="Download Interent Explorer"/>
            <area shape="rect" coords="380,201,488,329" href="http://www.apple.com/safari/download/" target="_blank"
                  alt="Download Apple Safari"/>
            <area shape="rect" coords="268,202,376,330" href="http://www.opera.com/download/" target="_blank"
                  alt="Download Opera"/>
            <area shape="rect" coords="155,202,263,330" href="http://www.mozilla.com/" target="_blank"
                  alt="Download Firefox"/>
            <area shape="rect" coords="35,201,143,329" href="http://www.google.com/chrome" target="_blank"
                  alt="Download Google Chrome"/>
        </map>
    </div>

在那之下，这段代码。我不确定它的作用或为什么每个浏览器的坐标都不同：

{{1}}

在CSS中，只是一些基本的东西，比如盒子的大小等等。

那么，我在这里错过了什么？如何更改地图的默认位置？

相关网页位于：http://swankypigs.com/index-5.html

Answer 1

它发生在您的require文件中。只需使用新位置的lat / lng更新此内容。

/js/script.js

Answer 2

<html>

<head>
  <script src="http://maps.googleapis.com/maps/api/js"></script>
  <script>
    var map;

    function initialize() {
      var mapProp = {
        center: new google.maps.LatLng(6.933279, 79.849905), //**Change the co-ordinates as you want**
        zoom: 13,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      };
      map = new google.maps.Map(document.getElementById("googleMap"), mapProp);
    }
    google.maps.event.addDomListener(window, 'load', initialize);
  </script>
</head>

<body>
  <div id="googleMap" style="width:1300px;height:550px; margin:auto; padding: 15px;"></div>
</body>

</html>

（新手）如何设置地图的默认位置？ Google Maps API V3

2 个答案: