Javascript 单击标记时从阵列中选择目标
我对javascript不是很有经验,但我希望比现在更好。我被困在一个我正在做的项目上,急需帮助 我正在制作一张地图,地图上的位置是从谷歌文档文件中导出的数据集标记的。到目前为止,我已经在地图上填充了标记,并设置了信息窗口 我希望用户能够单击地图上的标记,然后单击信息窗口中的“获取方向”按钮,使用地理位置获取从当前位置到单击标记位置的方向 我觉得我已经很接近了,也许这就是问题所在,但我不知道,经过几天的尝试,我仍然不知道如何将我的数组中的lat,lng放入getDir函数。请,任何帮助都将不胜感激。先谢谢你 地图上现在的样子 下面是我如何调用并将数据设置到地图中的-Javascript 单击标记时从阵列中选择目标,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我对javascript不是很有经验,但我希望比现在更好。我被困在一个我正在做的项目上,急需帮助 我正在制作一张地图,地图上的位置是从谷歌文档文件中导出的数据集标记的。到目前为止,我已经在地图上填充了标记,并设置了信息窗口 我希望用户能够单击地图上的标记,然后单击信息窗口中的“获取方向”按钮,使用地理位置获取从当前位置到单击标记位置的方向 我觉得我已经很接近了,也许这就是问题所在,但我不知道,经过几天的尝试,我仍然不知道如何将我的数组中的lat,lng放入getDir函数。请,任何帮助都将不胜感
function initialize() {
var myLatlng100 = new google.maps.LatLng(45.522535,-122.659492);
var mapOptions = {
center: myLatlng100,
zoom: 15,
mapTypeControl: true,
zoomControl: true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.SMALL
}
};
map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
var transitLayer = new google.maps.TransitLayer();
transitLayer.setMap(map);
$.getJSON('https://spreadsheets.google.com/feeds/list/0AnAPtHOSNeZvdHBpcU1NemZ5UFJaOXZDMXlBUVdnMWc/od6/public/values?alt=json',
function(data) {
for (var i = 0; i < data.feed.entry.length; i++) {
var markerId = data.feed.entry[i].gsx$markerid.$t;
var lat = data.feed.entry[i].gsx$lat.$t;
var lng = data.feed.entry[i].gsx$lng.$t;
var title = data.feed.entry[i].gsx$name.$t;
var contentString =
"<div class='contentString'><h3>" + data.feed.entry[i].gsx$name.$t + "</h3><br><p>" + data.feed.entry[i].gsx$address.$t
+ "<br>" + data.feed.entry[i].gsx$city.$t + ", "
+ data.feed.entry[i].gsx$state.$t + "</p></div>" + "<input type='button' onClick=getDir() value='Get direction here'>";
var markers = [markerId, lat, lng, title, contentString];
createMarker(lat, lng, title, contentString);
}
});
}
在infowindow中将纬度和经度添加到HTML中。更改此项:
var lat = data.feed.entry[i].gsx$lat.$t;
var lng = data.feed.entry[i].gsx$lng.$t;
var contentString =
"<div class='contentString'><h3>" + data.feed.entry[i].gsx$name.$t + "</h3><br><p>" + data.feed.entry[i].gsx$address.$t
+ "<br>" + data.feed.entry[i].gsx$city.$t + ", "
+ data.feed.entry[i].gsx$state.$t + "</p></div>" + "<input type='button' onClick=getDir() value='Get direction here'>";
致:
var lat = data.feed.entry[i].gsx$lat.$t;
var lng = data.feed.entry[i].gsx$lng.$t;
var contentString =
"<div class='contentString'><h3>" + data.feed.entry[i].gsx$name.$t + "</h3><br><p>" + data.feed.entry[i].gsx$address.$t
+ "<br>" + data.feed.entry[i].gsx$city.$t + ", "
+ data.feed.entry[i].gsx$state.$t + "</p></div>" + "<input type='button' onClick=getDir() value='Get direction here'>";
var lat = data.feed.entry[i].gsx$lat.$t;
var lng = data.feed.entry[i].gsx$lng.$t;
var contentString =
"<div class='contentString'><h3>" + data.feed.entry[i].gsx$name.$t + "</h3><br><p>" + data.feed.entry[i].gsx$address.$t
+ "<br>" + data.feed.entry[i].gsx$city.$t + ", "
+ data.feed.entry[i].gsx$state.$t + "</p></div>" + "<input type='button' onClick=getDir("+lat+","+lng+") value='Get direction here'>";