使用Cordova在Google地图中绘制坐标

时间:2018-10-19 07:18:22

标签: javascript google-maps ionic-framework

我已经在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地图上绘制多条路线。

0 个答案:

没有答案