开发者

Update Google Maps Javascript objects every 1 min using fresh data from database using C#?

开发者 https://www.devze.com 2023-01-22 01:59 出处:网络
I\'m trying to update a Google Map (API V3) with markers using my friends locations stored in a database. I want to refresh the map every minute or so... kind of like google latitude which shows where

I'm trying to update a Google Map (API V3) with markers using my friends locations stored in a database. I want to refresh the map every minute or so... kind of like google latitude which shows where yours friends are on the map.

Here is SOME of my Javascript: Please note that all i need to do is get a list of locations from the database, which in itself isnt hard... I just dont know how to update the javascript marker object with the Latitude and Longitude data of each entry every minute.

var map;
var markersArray = [];

function initialize() {
    var latlng = new google.maps.LatLng(-34.397, 150.644);
    var myOptions = {
        zoom: 13,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
}

function addM开发者_运维百科arker(location) {
    marker = new google.maps.Marker({
        position: location,
        map: map
    });
    markersArray.push(marker);
}

function addMarkerExisting(marker) {
    markersArray.push(marker);
}

// Removes the overlays from the map, but keeps them in the array
function clearOverlays() {
    if (markersArray) {
        for (i in markersArray) {
            marker.infowindow.close();
            markersArray[i].setMap(null);
        }
    }
}


My propose is to use something like this:

function initialize() {
...
setInterval("updateMarkers()",60000); //refresh every minute
}

and inside function updateMarkers() you have to clear markers from map and markers array and load&insert them again...

0

精彩评论

暂无评论...
验证码 换一张
取 消