Skip to content

Instantly share code, notes, and snippets.

@pgiraud
Created January 2, 2012 13:57
Show Gist options
  • Save pgiraud/1550772 to your computer and use it in GitHub Desktop.
Save pgiraud/1550772 to your computer and use it in GitHub Desktop.
Open Layers
var map = new OpenLayers.Map('map', {
controls: [
new OpenLayers.Control.Navigation(),
//new OpenLayers.Control.PanZoomBar(),
],
numZoomLevels: 10,
restrictedExtent: new OpenLayers.Bounds(-20037508.34 * 100,-20037508.34,20037508.34 * 100,20037508.34)
});
var osm = new OpenLayers.Layer.OSM(
"OSM"
);
map.addLayer(osm);
var styles = new OpenLayers.StyleMap({
"default": {fillColor: "#B7BB09",pointRadius: 7, fillOpacity: 1, strokeColor: "#B7BB09", strokeWidth: 0 },
"select": {fillColor: "#B7BB09",pointRadius: 7, fillOpacity: 0.5, strokeColor: "#B7BB09", strokeWidth: 0 }
});
markers = new OpenLayers.Layer.Vector("Markers",{
visibility: true,
styleMap: styles
});
map.addLayer(markers);
function set_marker(longitude, latitude, title) {
marker = new OpenLayers.Feature.Vector(new OpenLayers.Geometry.Point(longitude, latitude).transform(
new OpenLayers.Projection("EPSG:4326"),//transform from WGS 1984
new OpenLayers.Projection("EPSG:900913") // to Spherical Mercator Projection
),null);
markers.addFeatures([marker]);
};
set_marker('13.4023','52.5016', 'Berlin');
set_marker('0','0', 'Center');
var hover = new OpenLayers.Control.SelectFeature(markers, {
hover: true
});
map.addControl(hover);
hover.activate();
// var click = new OpenLayers.Control.SelectFeature(markers, {
// click: true
// });
// map.addControl(click);
// click.activate();
//
// markers.events.on({
// featureselected: function(obj) {
// alert("hello");
// }
// });
map.setCenter(new OpenLayers.LonLat(0, 30).transform(
new OpenLayers.Projection("EPSG:4326"),//transform from WGS 1984
new OpenLayers.Projection("EPSG:900913") // to Spherical Mercator Projection
), 2);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment