如何在 google map javascript 上为不同的用户创建不同的路线

Question

我想在谷歌地图中为不同的用户绘制不同的路线，但就我而言，它只显示最后一条。代码如下：我是谷歌地图的新手。很抱歉这个错误。function initMap() {    var map = new google.maps.Map(document.getElementById('map'), {        zoom: 8,        center: {lat: 48.8566, lng: 2.3522},        scrollwheel: true    });}function getUserData() {            var obj = [{"email_id":"user1","latlong":[{"lat":48.834159,"lng":2.333102}, {"lat":48.834611,"lng":2.337048},{"lat": 48.836306,"lng": 2.337820}]},{"email_id": "user2",latlong: [{"lat": 48.833538,"lng": 2.331625},{"lat": 48.828848,"lng": 2.327507},{"lat": 48.831899,"lng": 2.325191}]}]            for (i in obj) {        var temp1 = JSON.stringify(obj[i]);        var obj1 = JSON.parse(temp1);         var temp2 = JSON.stringify(obj1.latlong);        var path = JSON.parse(temp2);        rederGoogleMap(obj1, path);    }    function rederGoogleMap(obj1, path){            var marker;                 var map = new google.maps.Map(document.getElementById('map'), {            zoom : 16,            center : path[path.length - 1],            mapTypeId: google.maps.MapTypeId.ROADMAP,            scrollwheel: true        });        var infowindow = new google.maps.InfoWindow();        /***** create marker for starting position *****/        marker = new google.maps.Marker({            position: path[0],            map: map,            title: 'Start'        });        google.maps.event.addListener(marker, 'click', (function (marker, k) {            return function () {                infowindow.setContent(obj1.email_id);                infowindow.open(map, marker);            }        })(marker));        /***** create marker for ending position *****/        marker = new google.maps.Marker({            position: path[path.length - 1],            map: map,            title: 'End'        });它仅显示最后一条路线，即 user2 的路线。它删除了第一条路线。但是想为不同的用户显示两条路线。我该怎么做。请帮助任何人。

Answer 1

在函数中rederGoogleMap，您每次都创建一个新对象 =>

var map = new google.maps.Map(document.getElementById('map'), { ...}

是你的错吗？

您需要new google.maps.Map在全局中创建或传入参数。