Google maps 谷歌地图API V3：如何从地图外部跳转到特定标记？_Google Maps_Google Maps Api 3

Google maps 谷歌地图API V3：如何从地图外部跳转到特定标记？

google-maps google-maps-api-3

Google maps 谷歌地图API V3：如何从地图外部跳转到特定标记？,google-maps,google-maps-api-3,Google Maps,Google Maps Api 3,我有一张上面有两个记号的地图地图的初始视图仅显示一个标记，我想在地图旁边提供一个链接，单击该链接时将地图移动到第二个标记下面是我想要的演示，使用API的v2：（注意地图下面的链接）以下是我目前掌握的情况： <script type="text/javascript"> function initialize() { var latlng = new google.maps.LatLng(50.823817, -0.135634);

我有一张上面有两个记号的地图

地图的初始视图仅显示一个标记，我想在地图旁边提供一个链接，单击该链接时将地图移动到第二个标记

下面是我想要的演示，使用API的v2：（注意地图下面的链接）

以下是我目前掌握的情况：

    <script type="text/javascript">
      function initialize() {
        var latlng = new google.maps.LatLng(50.823817, -0.135634);
        var myOptions = {
          zoom: 13,
          center: latlng,
          mapTypeId: google.maps.MapTypeId.ROADMAP,  
          mapTypeControlOptions: {  
                style: google.maps.MapTypeControlStyle.DROPDOWN_MENU  
              }  ,
              scaleControl: false
          };

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

    // 1st marker  
    var marker1 = new google.maps.Marker({ position: new google.maps.LatLng(50.823817, -0.135634), map: map, title: 'my title' });
    var infowindow = new google.maps.InfoWindow({ content: 'my window content' }); 
    google.maps.event.addListener(marker1, 'click', function() { infowindow.open(map, marker1); }); 

    // 2nd marker  
    var marker2 = new google.maps.Marker({ position: new google.maps.LatLng(51.5262405, -0.074549), map: map, title: 'my 2nd title'});
    var infowindow2 = new google.maps.InfoWindow({ content: 'content for my 2nd window' }); 
    google.maps.event.addListener(marker2, 'click', function() { infowindow2.open(map, marker2); }); 
    }
    </script>


函数初始化（）{
var latlng=新的google.maps.latlng（50.823817，-0.135634）；
变量myOptions={
缩放：13，
中心：拉特林，
mapTypeId:google.maps.mapTypeId.ROADMAP，
mapTypeControlOptions:{
样式：google.maps.MapTypeControlStyle.DROPDOWN_菜单
}  ,
scaleControl:false
};
var map=new google.maps.map（document.getElementById（“map”），myOptions）；
//第一标记
var marker1=new google.maps.Marker（{位置：new google.maps.LatLng（50.823817，-0.135634），map:map，title:'my title'}）；
var infowindow=new google.maps.infowindow（{content:'my window content'}）；
google.maps.event.addListener（marker1，'click'，function（）{infowindow.open（map，marker1）；}）；
//第二标记
var marker2=new google.maps.Marker（{位置：new google.maps.LatLng（51.5262405，-0.074549），map:map，title:'我的第二个title'}）；
var infowindow2=new google.maps.InfoWindow（{content:'content for my 2nd window'}）；
google.maps.event.addListener（marker2，'click'，function（）{infowindow2.open（map，marker2）；}）；
}

所以我想添加一个链接到

marker2

，将地图向上移动50多英里， e、 g.

我该怎么做

使用

adddomstener

向链接添加一个单击事件，该事件会将地图移动到该标记（您还需要向链接标记添加一个id，以便在代码中引用它）：

编辑：在初始化函数中设置事件：

<head>
  <script type="text/javascript"> 
    function initialize() {
      var myLatlng = new google.maps.LatLng(-34.397, 150.644);
      var myOptions = {
        zoom: 8,
        center: myLatlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      }
      var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
      var marker2 = new google.maps.Marker({ position: new google.maps.LatLng(51.5262405, -0.074549), map: map, title: 'my 2nd title'});
      google.maps.event.addDomListener(document.getElementById("linkID"), "click", function(ev) {
        map.setCenter(marker2.getPosition());
      }
    }
  </script> 
</head> 
<body style="margin:0px; padding:0px;" onload="initialize()"> 
  <a href="javascript:function() { return false; }" id="location2">Second place</a>
  <div id="map_canvas" style="width:100%; height:100%"></div> 
</body>


函数初始化（）{
var mylatng=new google.maps.LatLng（-34.397150.644）；
变量myOptions={
缩放：8，
中心：myLatlng，
mapTypeId:google.maps.mapTypeId.ROADMAP
}
var map=new google.maps.map（document.getElementById（“map_canvas”），myOptions）；
var marker2=new google.maps.Marker（{位置：new google.maps.LatLng（51.5262405，-0.074549），map:map，title:'我的第二个title'}）；
google.maps.event.AddDomainListener（document.getElementById（“linkID”），“单击”，函数（ev）{
map.setCenter（marker2.getPosition（））；
}
}