Googleマップに複数の場所を表示するにはどうすればよいですか？

Question

私は複数のlongtitudeと姿勢のデータを持っており、私はそれらをピンを使ってGoogleマップに表示したいと思います。

GoogleマップAPIを使用してこれを行うにはどうすればよいですか？

Answer 1

あなたの配列を反復処理し、各ペアに対して新しいMarkerインスタンスを作成します。簡単です：

<script> 
    var map = new google.maps.Map(document.getElementById('map'), { 
     center: new google.maps.LatLng(55.378051, -3.435973), 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
     zoom: 8 
    }); 

    var locations = [ 
     new google.maps.LatLng(54.97784, -1.612916), 
     new google.maps.LatLng(55.378051, -3.435973]) 
     // and additional coordinates, just add a new item 
    ]; 

    locations.forEach(function (location) { 
     var marker = new google.maps.Marker({ 
      position: location, 
      map: map 
     }); 
    }); 
</script> 

これは任意の数の緯度と経度のペアで動作します。 locationsアレイに新しいアイテムを追加するだけです。

Answer 2

私は、彼らはあなたが物事

は詳細

のためにこれを参照してください表示するには緯度・オングを使用する方法を示してきたGoogleのAPIドキュメントからこの例をとっている

var map = new GMap2(document.getElementById("map_canvas")); 
    map.addControl(new GSmallMapControl()); 
    map.setCenter(new GLatLng(37.4419, -122.1419), 13); 

    // Create our "tiny" marker icon 
    var blueIcon = new GIcon(G_DEFAULT_ICON); 
    blueIcon.image = "http://www.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png"; 

    // Set up our GMarkerOptions object 
    markerOptions = { icon:blueIcon }; 

    // Add 10 markers to the map at random locations 
    var bounds = map.getBounds(); 
    var southWest = bounds.getSouthWest(); 
    var northEast = bounds.getNorthEast(); 
    var lngSpan = northEast.lng() - southWest.lng(); 
    var latSpan = northEast.lat() - southWest.lat(); 
    for (var i = 0; i < 10; i++) { 
     var point = new GLatLng(southWest.lat() + latSpan * Math.random(), 
     southWest.lng() + lngSpan * Math.random()); 
     map.addOverlay(new GMarker(point, markerOptions)); 
    } 

ような何かを行うことができますShowing markers using Google API

私はv2を廃止されましたが、使用するコンセプトは多かれ少なかれ同じです