我正在尝试使用 gmap3 来执行上述操作,但遇到了困难。我可以让“地图”显示并在其上粘贴标记。我仍然在掌握 javascript,而且我确信我的一些语法已经关闭,这显然没有帮助。
在使用地理位置获取用户位置然后绘制到预定义位置的路线方面,我是否走在正确的轨道上?
为不正确的语法道歉 - 我发现在使用 JS 时很难跟踪括号。
我正在使用可以在此处找到的示例:http: //gmap3.net/api/add-directions-renderer.html
<script type="text/javascript">
$(function () {
//get the user's location
function getLocation(){
$('#map').gmap3({
action : 'geoLatLng',
callback : function(latLng){
if (latLng){
$(this).gmap3({
action: 'addMarker',
latLng:latLng
},
"autofit");
}
}
});
}
//plot directions
function plotRoute() {
$('#map').gmap3({
action: 'getRoute',
options:{
origin: 'latLang',
destination: 'Tallaght Business Park, Dublin, Ireland'
travelMode: google.maps.DirectionsTravelMode.DRIVING
},
callback: function(results){
if (!results) return;
$(this).gmap3({
action: 'init',
zoom: 13,
mapTyprId: google.maps.MapTypeId.ROADMAP,
streetViewControl: true
},
action: 'addDirectionsRenderer',
options: {
preserveViewPort: true,
draggable: true,
directions: results
}
);
}
});
}
});
</script>
放置在这个 div 中
<div class="gmap3" id="map"></div>