[英]How to fetch Data on click of a Marker on google Map
我點擊一個按鈕動態地將標記添加到谷歌地圖
以下是我從后端發送的 JSON。
[
{
"longititude": "78.486671",
"latitude": "17.385044",
"address": "xxxx",
"dealerId": "1"
},
{
"longititude": "78.43471",
"latitude": "17.367044",
"address": "xxxxSS",
"dealerId": "2"
}
]
單擊按鈕時,我正在調用以下代碼
我的問題是單擊按鈕如何獲取dealerId?
我在下面有一個聽眾,我如何獲取經銷商 ID?
google.maps.event.addListener(global_markers[i], 'click', function() {
infowindow.setContent(this['infowindow']);
infowindow.open(map, this);
});
function initializeCalllater(lator,lonor,response) {
geocoder = new google.maps.Geocoder();
var latlng = new google.maps.LatLng(lator, lonor);
var myOptions = {
zoom: 10,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
addMarker(response);
}
function addMarker(markers) {
if(markers.length>0)
{
var infowindow = new google.maps.InfoWindow({});
var global_markers = [];
for (var i = 0; i < markers.length; i++) {
// obtain the attribues of each marker
var lat = parseFloat(markers[i].latitude);
var lng = parseFloat(markers[i].longititude);
var trailhead_name = markers[i].address;
var dealerId = markers[i].dealerID;
var myLatlng = new google.maps.LatLng(lat, lng);
var contentString = "<html><body><div><p><h2>" + trailhead_name + "</h2></p></div></body></html>";
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: "Coordinates: " + lat + " , " + lng + " | Trailhead name: " + trailhead_name
});
marker['infowindow'] = contentString;
global_markers[i] = marker;
$(".howmanyfound").text(markers.length + ' Found');
google.maps.event.addListener(global_markers[i], 'click', function() {
infowindow.setContent(this['infowindow']);
infowindow.open(map, this);
});
}
}
}
你能告訴我如何通過點擊標記來獲取dealerId嗎??
您可以將dealerId
添加為 google.maps.Marker 對象的屬性(就像您對 InfoWindow 內容所做的那樣):
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: "Coordinates: " + lat + " , " + lng + " | Trailhead name: " + trailhead_name,
dealerId: dealerId
});
然后在點擊函數中, this.dealerId
將為您提供該標記的值。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.