我已经在Ionic1中开发了该应用程序。我需要在Google地图中绘制路线。主要目的是在Google地图中绘制路线并显示标记。标记会动态更改,但路线会在地图上保持不变。
示例路线坐标为
var ROUTE_POINTS = [
{lat: 41.79883, lng: 140.75675},
...
{lat: 41.79883, lng: 140.75673}
]
设置标记
var latitude = data[0]['latitude'];
var longitude = data[0]['longitude'];
var options = { timeout: 10000, enableHighAccuracy: true };
var latLng = new google.maps.LatLng(latitude, longitude);
var mapOptions = {
center: latLng,
zoom: 16,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map"), mapOptions);
//Wait until the map is loaded
google.maps.event.addListenerOnce(map, 'idle', function () {
previousMarker = new google.maps.Marker({
map: map,
animation: google.maps.Animation.DROP,
icon: $scope.baseurl + "/uploads/images/bus2.png",
position: latLng
});
// var infoWindow = new google.maps.InfoWindow({
// content: latLng
// });
google.maps.event.addListener(previousMarker, 'click', function () {
infoWindow.open(map, previousMarker);
});
});
我想在Google地图上绘制多条路线。