0

私はグーグルAPIを調べていて、マーカーナビゲーションをどのように作成するかについての情報を見つけるのに苦労しています。例：http：//maps.google.com/maps/ms？msid = 214364913744716823698.00046c8f8a60625db2c21＆msa = 0＆ll = 48.068903、 -91.109619＆spn = 0.537763,0.883026

このマップを3つのマーカーで作成しました。これをマイサイトに埋め込み、マーカーと一致する3つのリンクを作成します。リンクをクリックすると、マップがそのメーカーにパンされます。保存されたグーグルマップを使用してこれを行うことは可能ですか？

4

1 に答える 1

0

これが完全な例です。基本的に、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>
于 2012-05-18T21:33:58.403 に答える