1

2 つの別々の方法を組み合わせて、マーカーとポリラインの両方を 1 つのマップに表示しようとしています。出来ますか？もしそうなら、どうすればこれを行うことができますか。または逆に、マーカー サンプルにポリラインを追加するにはどうすればよいでしょうか。

http://you.arenot.me/2010/06/29/google-maps-api-v3-0-multiple-markers-multiple-infowindows/より

私の実際のコードがなければ、これはおそらく無駄な投稿だと思います..しかし、コードを追加するのに問題があります..おそらくそれが私の最初の質問だったはずです..

4

2 に答える 2

0

このスクリプトは、マーカーを追加し、それらの間にポリラインを描画します。

<script>

  var poly;
  var map;

  function initialize() {
    var chicago = new google.maps.LatLng(41.879535, -87.624333);
    var mapOptions = {
      zoom: 7,
      center: chicago,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);

    var polyOptions = {
      strokeColor: '#000000',
      strokeOpacity: 1.0,
      strokeWeight: 3
    }
    poly = new google.maps.Polyline(polyOptions);
    poly.setMap(map);

    // Add a listener for the click event
    google.maps.event.addListener(map, 'click', addLatLng);
  }

  /**
   * Handles click events on a map, and adds a new point to the Polyline.
   * @param {MouseEvent} mouseEvent
   */
  function addLatLng(event) {

    var path = poly.getPath();

    // Because path is an MVCArray, we can simply append a new coordinate
    // and it will automatically appear
    path.push(event.latLng);

    // Add a new marker at the new plotted point on the polyline.
    var marker = new google.maps.Marker({
      position: event.latLng,
      title: '#' + path.getLength(),
      map: map
    });
  }

</script>

ここで利用できる優れたドキュメント：

https://developers.google.com/maps/documentation/javascript/reference

https://google-developers.appspot.com/maps/documentation/javascript/examples/polyline-complex

于 2012-08-25T19:17:34.290 に答える
0

同じ地図上にマーカーとポリラインを表示することは確かに可能です:

  • マーカーと独立したポリラインの両方を表示する例を次に示します。
  • これは、サード パーティの geoxml3 KML パーサーを使用して KML ファイルから (または KmlLayer を使用して) それらを作成する例です。
于 2012-08-25T19:43:10.180 に答える