[GIS] Openlayers Animated marker

animationmarkersopenlayers-2

How to animated feature marker in openlayers like in google map example of bouncing marker. I'm new in openlayers so if you have a sample code much better.

Best Answer

You might use SVG symbols, like in this example:

http://www.netzwolf.info/kartografie/openlayers/svg.htm

or a simple moving marker:

http://www.netzwolf.info/kartografie/openlayers/bastelstube/animierter_marker

The source files should be self-explaining.

Related Solutions

[GIS] Adding a marker with openlayers/geoserver

In such cases, something I would recommend you is that first of check your images path is true or not. with writing this to "http://localhost:8080/geoserver/openlayers/img/marker.png". are you getting the true result? or you can use firebug net option if your images or script are loaded or not.

second is that get your marker features for markers are added or not.

and last thing on your app go to full extent and then add your marker to 0,0 for latlong settings...

markers.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(0,0),icon));
markers.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(0,0),icon.clone()));

i hope it helps you

[GIS] openlayers change marker icon, size and offset after drawn

you can also do sth like this:

var vectorLayer = new OpenLayers.Layer.Vector("Test");

var feature = new OpenLayers.Feature.Vector(
              new OpenLayers.Geometry.Point(-71, 42),
                  {vcid:'3243223'},
                  {externalGraphic: 'img/marker.png', graphicHeight: 21, graphicWidth: 16});

vectorLayer.addFeatures(feature);
map.addLayer(vectorLayer);

then

vectorLayer.features[2].style.externalGraphic = 'other/path/image.png';
vectorLayer.redraw();

i hope it helps you...

Best Answer

Related Solutions

[GIS] Adding a marker with openlayers/geoserver

[GIS] openlayers change marker icon, size and offset after drawn

Related Question