Question

我一直在浏览谷歌api，我一直无法找到有关如何制作标记导航的信息。例如http://maps.google.com/maps/ms?msid=214364913744716823698.00046c8f8a60625db2c21&msa=0&ll=48.068903,-91.109619&spn=0.537763,0.883026

我用三个标记创建了这个地图，我想将它嵌入到mysite中，然后有三个与标记匹配的链接，当你点击链接时，它将地图平移到那个制作者。是否可以使用保存的谷歌地图执行此操作？

Answer 1

这是一个完整的例子。基本上，map.setCenter命令允许您从一个点移动到另一个点

<!DOCTYPE html>
<html> 
<head> 
  <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
  <title>Demo</title> 
  <script src="http://maps.google.com/maps/api/js?sensor=false" 
          type="text/javascript"></script>
</head> 
<body>
  <div> 
     <a href="#" onclick="map.setCenter(a);">Point A</a> 
     <a href="#" onclick="map.setCenter(b);">Point B</a>
     <a href="#" onclick="map.setCenter(c);">Point C</a>
  </div>
  <div id="map" style="width: 640px; height: 480px;"></div>

  <script type="text/javascript">
    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 9,
      center: new google.maps.LatLng(40.00, -104.00),
      mapTypeId: google.maps.MapTypeId.TERRAIN
    });

    var a = new google.maps.LatLng(40.00, -104.00);
    var b = new google.maps.LatLng(41.00, -105.00);
    var c = new google.maps.LatLng(39.00, -103.00);

    new google.maps.Marker({
        position: a,
        map: map
    });

    new google.maps.Marker({
        position: b,
        map: map
    });

    new google.maps.Marker({
        position: c,
        map: map
    });  
  </script>
</body>
</html>

平移到已保存的Google地图上的标记的导航

1 个答案: