Googleマップで複数のマーカーを動的に追加する

-1

私は現在、HTMLからlatngを取得するために.text（）を使用しています。Googleマップで複数のマーカーを動的に追加する

<div class="latlng"> -33.91722, 151.23064</div> 
<div class="latlng"> -32.81620, 151.11313</div>

したがって、$（latlng）.text（）を使用してjqueryにデータをフェッチしています。

var geo = $(latlng).text(); 
latitude = parseFloat(geo); 
longitudeP = geocoder.replace(latitude+',',''); 
longitude = parseFloat(longitudeP);

私は同じクラスを持つすべての座標を取得するために、この関数でこのコードを使用しています。いいえ、複数のマーカーを動的に追加するにはどうすればよいですか。

あなたは、マーカーオブジェクト、あなたが持っている緯度と経度の変数を使用してこれを行うことができるようになります。

var marker = new google.maps.Marker({ 
    position: {lat: latitude, lng: longitude}, 
    map: map, 
    title: 'Hello World!' 
});

私はあなたのためにこれを実証するJSFiddleを作成しました。末尾の0や空白のようなものには少し修正を加えなければなりませんでした。私はセキュリティのためにこのフィドルから私のAPIを編集したことに注意してください。それを動作させるためにフィドルで独自のAPIキーを入れてください：

私はこれが役に立てば幸い！

2017-05-03 21:41:51

答えて