2

我正在使用 jquerymobile 开发一个小型 Google Maps 项目。

首先，我调用 un 方法来显示关于我的位置的地图

navigator.geolocation.getCurrentPosition(function(position){
        showMap(position.coords.latitude, position.coords.longitude);
    }, 
    function onFalid(){
        alert('Error occur on getCurrentPositionError' + error.code + ':: ' + error.message);
    }, 
    {
        enableHighAccuracy  : true,
        maximumAge          : 10000
    });

这是 showMap() 的代码

function showMap(lat,long){

    //var latLng = new google.maps.LatLng(data[0].coords.latitude, data[0].coords.longitude);
    var latLng = new google.maps.LatLng(lat,long);

    // Google Map options
    var myOptions = {
      zoom: 15,
      zoomControl   : 1,
      center: latLng,
      mapTypeId: google.maps.MapTypeId.HYBRID////ROADMAP, SATELLITE, HYBRID and TERRAIN
    };

    // Create the Google Map, set options
    Tracking.mapy = new google.maps.Map(document.getElementById("mapHome"), myOptions);
    addMarker(lat, long, map);

}

这很好用！

如您所见，最后，它调用了另一个方法来显示标记

function addMarker(lat, long){
    
    //Tracking.mapy.removeOverlay(Tracking.marker);;
    var mapBounds = new google.maps.LatLngBounds();
    
    var latitudeAndLongitude = new google.maps.LatLng(lat, long);
    var image = Markers.info()[0][1]+Markers.info()[0][2];
    
    marker = new google.maps.Marker({
        title   : Markers.info()[0][0],
        //animation: google.maps.Animation.DROP, //BOUNCE
        position: latitudeAndLongitude,
        map     : Tracking.mapy,
        icon : image
    });
    
    Tracking.markers.push(marker);
    
    // Clean previous markers THIS IS NOT WORKING!!!!!!!
    //google.maps.Map.prototype.clearOverlays = function() {
      for (var i = 0; i < Tracking.markers.length; i++ ) {

        Tracking.markers[i].setMap(null);
        console.log(Tracking.markers[i]);
      }
    //}
    
    mapBounds.extend(latitudeAndLongitude);
    Tracking.mapy.fitBounds(mapBounds);
    //trackPath();
}

这也可以正常工作，除了用于清洁标记的循环。

为了让事情变得更复杂，当我在街上工作时，我希望看到我的标记移动，立即或频繁地移动（例如）

我在第一个代码下方添加了该调用，我为您提供了：

var track_id = Markers.info()[0][0];
    Tracking.watch_id = navigator.geolocation.watchPosition(
    // Success
    function(position){
        var lat = position.coords.latitude;
        var long = position.coords.longitude;
        
        Tracking.data.push(lat, long);
        addMarker(lat, long);
    
    },
    // Error
    function(error){
        alert('Error occur on watchPositionError' + error.code + ':: ' + error.message);
    },
    // Settings
    { 
        frequency: 3000, 
        enableHighAccuracy: true 
    });

然后每次，我在电影中数组 Tracking.markers 都会增加

Tracking = {
    mapy : null,
    watch_id : null,    
    data : new Array(),
    markers : new Array()
}

我的问题就在这里 当我在街上移动时，我可以看到我的标记。我移动得越多，我就越有标记。当然，我只想拥有最后一个标记，而不是双胞胎和新双胞胎。

如何清理以前的标记？如您所见，在上面，我尝试了一个循环

// Clean previous markers
    //google.maps.Map.prototype.clearOverlays = function() {
      for (var i = 0; i < Tracking.markers.length; i++ ) {

        Tracking.markers[i].setMap(null);
        console.log(Tracking.markers[i]);
      }
    //}

但它没有用。如果我取消注释以 google.maps... 开头的行，则没有任何效果。如果我留下评论，则所有标记都已删除。所以我可以看到任何标记...

你能帮我让我的标记显示在我移动后的位置吗？

4

0 回答 0