Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 谷歌地图API,从一个标记到另一个标记的方向_Jquery_Google Maps_Google Maps Api 3 - Fatal编程技术网

Jquery 谷歌地图API,从一个标记到另一个标记的方向

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 = {

所以我有一张画了很多标记的地图。我希望能够右键单击一个标记并选择“起点”,然后右键单击另一个标记并选择“终点”

然后,我会删除所有标记,只显示我在地图上绘制的方向单击的两个标记

我不知道从哪里开始,我是jquery新手。这是到目前为止我的代码 我剥离了不重要的代码,使其尽可能小:

    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”生成方向(在上面给出的链接中有您需要了解的所有内容) 希望这能为您提供一个起点。

    请提供一个例子来说明这个问题。