javascript - Google Maps回归原点

我使用的是基本的Google Maps api，我想知道是否可以使用“返回原点”类型的按钮，以便将我们重定向回原始位置（也许缩放？）以刷新地图。 。

You can find a jsFiddle here.

样例代码

当前的Javascript

function initialize() {
        /* ----- Variables ---------------------------------- */
        var myLat = 46.331302;
        var myLong = -72.554991;
        var iconURL = 'img/logo-map-marker-large.png';
        var myClose = "http://www.google.com/intl/en_us/mapfiles/close.gif";
        var bbl_bg = "url('img/tipbox.gif') no-repeat";
        /* ----- Scripted ----------------------------------- */
        var loc,map,marker,infobox;
        loc=new google.maps.LatLng(myLat,myLong);
        map=new google.maps.Map(document.getElementById("map"),
          {zoom:15,center:loc,mapTypeId:google.maps.MapTypeId.ROADMAP});
        marker=new google.maps.Marker({
          map:map,position:loc,
          icon:iconURL,visible:true});
        infobox=new InfoBox({
          content:document.getElementById("infobox"),
          disableAutoPan:false,
          maxWidth:150,
          pixelOffset:new google.maps.Size(-140,0),
          zIndex:null,
          boxStyle:{background:bbl_bg,
            opacity:0.75,
            width:"320px"
          },
          closeBoxMargin:"2px 2px 2px 2px",
          closeBoxURL:myClose,
          infoBoxClearance:new google.maps.Size(1,1)
        });
        google.maps.event.addListener(marker,"click",function(){
          infobox.open(map,this);
          map.panTo(loc)
        });
    }
    google.maps.event.addDomListener(window, 'load', initialize);

当前的HTML包含“信息提示框”

<div id="map" style="width: 100%; height: 300px"></div>
<div class="infobox-wrapper">
    <div id="infobox">
        <h3>Publi Design inc.</h3>
        <p>
            505, rue Père-Daniel <br />
            Trois-Rivières (Québec) G9A 5Z7  <br /> <br />

            <a href="tel:[phone]">819 373.4071</a> |
            [email protected]
        </p>
    </div>
</div>

也许我正在寻找的是我尚未找到的另一个功能，但是我认为当我们尝试查看原点在哪里以及周围有什么（地标，街道等）时，这会派上用场。

最佳答案

将其添加到初始化例程的末尾（并添加带有id =“ reset”的按钮）：

google.maps.event.addDomListener(document.getElementById("reset"), 'click', function() {
    map.setCenter(loc);
    map.setZoom(15);
});

jsfiddle

关于javascript - Google Maps回归原点，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20956455/