Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/google-maps/4.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
Javascript 如何在谷歌地图中以不同颜色显示最新标记_Javascript_Google Maps_Marker - Fatal编程技术网

Javascript 如何在谷歌地图中以不同颜色显示最新标记

Javascript 如何在谷歌地图中以不同颜色显示最新标记,javascript,google-maps,marker,Javascript,Google Maps,Marker,我有一些标记,因为我需要以不同的颜色或图像显示最新的标记,以便可以轻松识别当前位置。 所有标记应为一种颜色,最新标记应为不同颜色 function initMap() { var labelIndex = 0; var lstLatLng = []; @if (Model.AssetTrackers[0].latitude.Count > 0) { for (int i = 0; i < Mode

我有一些标记,因为我需要以不同的颜色或图像显示最新的标记,以便可以轻松识别当前位置。 所有标记应为一种颜色,最新标记应为不同颜色

function initMap() {
        var labelIndex = 0;
        var lstLatLng = [];
        @if (Model.AssetTrackers[0].latitude.Count > 0)
        {
            for (int i = 0; i < Model.AssetTrackers[0].latitude.Count; i++)
            {
                @: lstLatLng.push({ lat: @Model.AssetTrackers[0].latitude[i],lng: @Model.AssetTrackers[0].longitude[i],deviceId: '@Model.AssetTrackers[0].deviceid', time: '@Model.AssetTrackers[0].time[i]' })
            }
        }
        else
        {

         }
        var map = new google.maps.Map(document.getElementById('map'), {
            zoom: 14,
            center: { lat: 22.791761, lng: 86.177719 },
        });
        var image = "~/images/pickup.png";
        var drawingManager = new google.maps.drawing.DrawingManager({
            drawingControl: true,
            drawingControlOptions: {
                position: google.maps.ControlPosition.TOP_CENTER,
                drawingModes: ['polyline']
            },
            markerOptions: { icon: '~/images/pickup.png' },
        });
        drawingManager.setMap(map);
        var pathBetween = new google.maps.Polyline({
            path: lstLatLng,
            strokeColor: '#00B3FD',
            strokeOpacity: 1.0,
            strokeWeight: 2
        });
        pathBetween.setMap(map);
        var polylines = [];
        var deviceIds = [];
        function addMarker(markerSettings, label) {
                var marker = new google.maps.Marker({
                    position: markerSettings,
                    map: map,
                    title: markerSettings.time,
                    icon: "~/images/location.png"
                });
        }
        for (var i = 0; i < lstLatLng.length; i++) {
            addMarker(lstLatLng[i], (i+1).toString());
        }
    }
函数initMap(){
var labelIndex=0;
var lstLatLng=[];
@if(Model.AssetTrackers[0].latitude.Count>0)
{
对于(int i=0;i
更改此选项:

function addMarker(markerSettings, label) {
                var marker = new google.maps.Marker({
                    position: markerSettings,
                    map: map,
                    title: markerSettings.time,
                    icon: "~/images/location.png"
                });
        }
        for (var i = 0; i < lstLatLng.length; i++) {
            addMarker(lstLatLng[i], (i+1).toString());
        }
函数添加标记(标记设置、标签){
var marker=new google.maps.marker({
位置:markerSettings,
地图:地图,
标题:markerSettings.time,
图标:“~/images/location.png”
});
}
对于(变量i=0;i
致:

for(变量i=0;i
函数initMap(){
var labelIndex=0;
var lstLatLng=[];
@if(Model.AssetTrackers[0].latitude.Count>0)
{
对于(int i=0;i
说:图标提及行中应出现。我的问题已通过i===lstLatLng.length-1解决,请检查我的答案是否正确。
for (var i = 0; i < lstLatLng.length; i++) {
    var marker = new google.maps.Marker({
        position: lstLatLng[i],
        map: map,
        title: markerSettings.time,
        icon: i === lstLatLng.length-1 : "~/images/differentColour.png" ? "~/images/location.png"
    });
}
   function initMap() {
                var labelIndex = 0;
                var lstLatLng = [];
                @if (Model.AssetTrackers[0].latitude.Count > 0)
                {
                    for (int i = 0; i < Model.AssetTrackers[0].latitude.Count; i++)
                    {
                        @: lstLatLng.push({ lat: @Model.AssetTrackers[0].latitude[i],lng: @Model.AssetTrackers[0].longitude[i],deviceId: '@Model.AssetTrackers[0].deviceid', time: '@Model.AssetTrackers[0].time[i]' })
                    }
                }
                else
                {

                 }
                var map = new google.maps.Map(document.getElementById('map'), {
                    zoom: 14,
                    center: { lat: 26.791761, lng: 89.177719 },
                });
                var image = "http://xyz/images/pickup.png";
                var drawingManager = new google.maps.drawing.DrawingManager({
                    drawingControl: true,
                    drawingControlOptions: {
                        position: google.maps.ControlPosition.TOP_CENTER,
                        drawingModes: ['polyline']
                    },
                    markerOptions: { icon: 'http://xyz/images/pickup.png' },
                });
                drawingManager.setMap(map);
                var pathBetween = new google.maps.Polyline({
                    path: lstLatLng,
                    strokeColor: '#00B3FD',
                    strokeOpacity: 1.0,
                    strokeWeight: 2
                });
                pathBetween.setMap(map);
                var polylines = [];
                var deviceIds = [];
                function addMarker(markerSettings, label) {
                        var marker = new google.maps.Marker({
                            position: markerSettings,
                            map: map,
                            title: markerSettings.time,
                            icon: "http://www.images.greenmarker.png"
                    });
                        if (i === lstLatLng.length - 1) {
                            var marker = new google.maps.Marker({
                                position: markerSettings,
                                map: map,
                                title:'hello',
                            });
                        }
                }
                for (var i = 0; i < lstLatLng.length; i++) {
                    addMarker(lstLatLng[i], (i + 1).toString());
                }
                alert(lstLatLng.length);
                alert(i);
            }