Jquery 谷歌地图API,从一个标记到另一个标记的方向
所以我有一张画了很多标记的地图。我希望能够右键单击一个标记并选择“起点”,然后右键单击另一个标记并选择“终点” 然后,我会删除所有标记,只显示我在地图上绘制的方向单击的两个标记 我不知道从哪里开始,我是jquery新手。这是到目前为止我的代码 我剥离了不重要的代码,使其尽可能小:Jquery 谷歌地图API,从一个标记到另一个标记的方向,jquery,google-maps,google-maps-api-3,Jquery,Google Maps,Google Maps Api 3,所以我有一张画了很多标记的地图。我希望能够右键单击一个标记并选择“起点”,然后右键单击另一个标记并选择“终点” 然后,我会删除所有标记,只显示我在地图上绘制的方向单击的两个标记 我不知道从哪里开始,我是jquery新手。这是到目前为止我的代码 我剥离了不重要的代码,使其尽可能小: window.onload = function () { var markerarray = new Array(); var mapOptions = {
window.onload = function () {
var markerarray = new Array();
var mapOptions = {
center: new google.maps.LatLng(markers[0].lat, markers[0].lng),
zoom: 6,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var infoWindow = new google.maps.InfoWindow();
var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
var image = 'marker.png';
for (i = 0; i < markers.length; i++) {
var data = markers[i]
var myLatlng = new google.maps.LatLng(data.lat, data.lng);
var isCheckedD4 = $('#<%= D4.ClientID %>').is(':checked');
var icon = "";
var fred;
if (isCheckedcat == true) {
switch (data.category) {
case 'A1':
if (isCheckedA1 == true) {
icon = "http://www.googlemapsmarkers.com/v1/A1/0066FF/FFFFFF/FF5050";
fred = true;
}
else {
icon = "";
fred = false;
}
break;
}
}
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: data.title,
icon: new google.maps.MarkerImage(icon),
visible: fred,
draggable: false,
animation: google.maps.Animation.DROP
});
markerarray.push(marker);
(function (marker, data) {
var markernameprev;
google.maps.event.addListener(marker, "click", function (e) {
infoWindow.setContent(data.name);
infoWindow.open(map, marker);
for (var i = 0; i < markerarray.length; i++) {
markerarray[i].setAnimation(null);
}
marker.setAnimation(google.maps.Animation.BOUNCE);
});
})(marker, data);
}
}
window.onload=函数(){
var markerarray=新数组();
变量映射选项={
中心:新建google.maps.LatLng(标记[0].lat,标记[0].lng),
缩放:6,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var infoWindow=new google.maps.infoWindow();
var map=new google.maps.map(document.getElementById(“地图画布”),mapOptions);
var image='marker.png';
对于(i=0;i
任何帮助都将不胜感激。谢谢。好吧,你需要的是和。在你仔细阅读这些之后,你可以
clickListener
添加到标记中lat/lng
info”生成方向(在上面给出的链接中有您需要了解的所有内容)李>
希望这能为您提供一个起点。请提供一个例子来说明这个问题。