ThinkGeo.com    |     Documentation    |     Premium Support

Marker adding with javascript

#1

I've located markers for a vehicle. And I demonstrated the movements. But the markers blinked. When i used updatepanel with the timer.


And i dont like to store my data in a session or a viewstate or a static(!) variables. I shoud use all my query result for once. Therefore I want to put all my vehicle data to page as a javascript object, after that i want to put the markers with an interval. Is there anyway to integrate to my map with js?



#2

I’m still searching a way to animate my markers with an interval from js code. Is there anyway to put markers visibilities hidden. And set as visible from js. 


#3

Tolga,  
  
 Timer causes many performance issues on IE especially you have a large html code, after running that for a long time, your IE may crush. We recommended using windows.timer and with the following methods, you can accomplish your requirements easily.  
  
 Here shows how to add markers and how to move the marker to the new position (screen coordinate). 
    
  var marker;

        var OnMapCreated = function(map) {
            var markers = new OpenLayers.Layer.Markers(“MarkersAddedByClientScript”);
            map.addLayer(markers);
            var size = new OpenLayers.Size(21, 25);
            var offset = new OpenLayers.Pixel(-(size.w / 2), -size.h);
            var icon = new OpenLayers.Icon(’/theme/default/img/marker.gif’, size, offset);
            marker = new OpenLayers.Marker(new OpenLayers.LonLat(0, 0), icon);
            markers.addMarker(marker);
        }

        var moveMarker = function() {
            marker.moveTo(new OpenLayers.Pixel(100, 100));
        }
 
  
 The client side of the map control is based on OpenLayers, so for more reference please check the documentation here: 
 dev.openlayers.org/releases/OpenLayers-2.7/doc/apidocs/files/OpenLayers-js.html 
  
 Thanks, 
  
 Ben 


#4

Thanks Ben.

#5

My pleasure, Tolga.