Googleマップで作業しています。メニューのアイテムにマーカーをリンクしたい名前をクリックすると、それぞれのマーカーのみが表示されます。しかし、私のコードはマップ内の最後のマーカだけを指しています。ハンバーガーメニューからリストアイテムをクリックすると、Googleマップにマーカーを表示するには
すべてのリンクが最後のマーカーを指しています。この問題を解決するのを手伝ってください。
<div class="menu">
<div data-bind="foreach: visible">
<p class="clicked" data-bind="text: location, click"></p>
</div>
</div>
はJavaScript:
var bounds = new google.maps.LatLngBounds();
for (var i = 0; i < markersData.length; i++) {
var latlng = new google.maps.LatLng(markersData[i].lat, markersData[i].lng);
var loc = markersData[i].locationId;
var name = markersData[i].location;
$('.clicked').on('click', function() {
if ($('.clicked').location = name) {
console.log(location);
createMarker(latlng, loc);
}
});
私は、コードを変更したが、この1は、単一のリンクをクリックする上で一度にすべてのマーカーが表示されています。
function displayMarkers() {
var bounds = new google.maps.LatLngBounds();
for (var i = 0; i < markersData.length; i++) {
var latlng = new google.maps.LatLng(markersData[i].lat,markersData[i].lng);
var loc = markersData[i].locationId;
var name = markersData[i].location;
checkLinkClicked(latlng, loc, name);
createMarker(latlng, loc);
bounds.extend(latlng);
}
map.fitBounds(bounds);
}
function checkLinkClicked(latlng, loc, name) {
$(’.clicked’).on(‘click’, function() {
if ((’.clicked’).location = name) {
createMarker(latlng, loc);
}
});
}
助けてください。
こんにちはAaqib ...フォーマットしてくれてありがとう:
ここでは、同様のコードスニペットです。 –
可能な複製https://stackoverflow.com/questions/30439915/google-map-click-marker-by-external-link – MrUpsidown
https://stackoverflow.com/questions/32351008/open-infowindows-fromの可能な複製 - 外部リンク - 外部Googleマップの – MrUpsidown