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

私は複数のlongtitudeと姿勢のデータを持っていると私はピンでGoogleマップにそれらを表示したい。

これを行うにはGoogleマップAPIをどのように使用するのですか?

7

2 答え

配列を反復処理し、各ペアに対して新しい 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 配列に新しい項目を追加するだけです。

8
追加された
あなたのロケーション名は特定の形式ですか、あるいは元の文書に書かれている形式であっても検索エンジンの結果から文字通り文字列として取り上げられていますか?
追加された 著者 Martin Bean,
Googleの検索結果ページを複製したいのですか?
追加された 著者 Martin Bean,
ユーザーが送信したデータの場合は、どの形式でもかまいません。これは、深刻なデータマイニングスキルと、Stack Overflowコメントに記述できるものを超えるものを取ることになります。
追加された 著者 Martin Bean,
良いアイデア!私の場合は、私は座標に変換する必要がある場所の名前の束を持っているということです。これらの場所名は、検索エンジンの検索結果である文書から抽出される。入力はドキュメントのフリーテキストであり、出力はそれらのロケーション名を示すピンのあるマップです。このjavascriptは、入力として配列(固定データベース)を取るだけです、上記の状況で行うことができますか?どうもありがとう。
追加された 著者 Jun,
たとえば、Googleの検索結果には、地理的位置を含むテキスト文書があります。まず、それらの場所を探して、可能であればどこかに格納されている座標に名前を変換するWebサービスを呼びたいと思う。その後、Google Maps APIを呼び出して、これらの名前を地図のピンとして表示します。
追加された 著者 Jun,
やや。ジオロケーション名のデータベースを使用して、結果ドキュメントの中にジオロケーション名を見つける必要があります。これがすべての基礎です。何か案が?
追加された 著者 Jun,

あなたは何かのようにすることができます

   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));
    }

私はgoogle APIドキュメンテーションからこの例を取っ​​てきました。ここでは、lat ongを使って物を表示する方法を示しています

詳細はこれを参照してください

Google APIを使用してマーカーを表示する

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

0
追加された
あなたの質問ではあなたが緯度経度を持っていると言っているので、Googleマップサービスを呼び出してポイントを渡すのは難しくないので、ポイントは緯度と経度に基づいて計算されているためです。
追加された 著者 Umesh Awasthi,
これはjavascriptです。
追加された 著者 Jun,
私は現在、検索エンジンによって返された結果ドキュメント内のジオロケーション名を抽出し、それらを地図のピンのように表示しようとしています。だから私は座標に変換する必要があり、次に画像を表示するためにGoogleマップを呼び出す必要がある場所名があります。何か案が?
追加された 著者 Jun,
たとえば、Googleの検索結果には、地理的位置を含むテキスト文書があります。まず、それらの場所を探して、可能であればどこかに格納されている座標に名前を変換するWebサービスを呼びたいと思う。その後、Google Maps APIを呼び出して、これらの名前を地図のピンとして表示します。
追加された 著者 Jun,