如何在谷歌地图api3方向服务中更改默认标记?

时间:2017-07-22 13:58:13

标签: javascript html google-maps-api-3 google-geocoder

我想更改默认标记图标A,B和航点图标(下面附带的参考图像)。

enter image description here

此标记也可以拖动。如果我拖动那些标记,它应该放在除了海,河等的道路上。我在上周尝试了很多方法。我一周没有找到任何解决方案。

1 个答案:

答案 0 :(得分:0)

您可以使用以下方法删除标记:

directionsDisplay.setOptions( { suppressMarkers: true } );

因为你有方向参数"目的地"你知道你要去哪里,所以你完全可以自己添加另一个:

var latlngDestination = new google.maps.LatLng(???,???) ;
var markerDestination = new google.maps.Marker({
            map: map,
            position: latlngDestination,
            draggable: true,
            icon: 'http://www.google.com/mapfiles/markerA.png'
    });

    directionsService.route({
        origin: ???,
        destination: latlngDestination ,
        travelMode: 'DRIVING'
    }

对于捕捉部分,您在此处有相同的问题和解决方案:Snap to nearest street