I’ve made a map for horse riding with 6 overlays based on some examples I found on the internet. It uses openlayers and overpass api. The map basicaly does what it should but I am having trouble changing some of the lay-out. This is because making these maps goes beyond my knowledge and capabilities but I have the feeling I am almost there so a little help is very much appreciated. Currentely some of the code in the page is not used/does not work as I hoped.
The overlays show:
ways that are tagged : highway=bridleway (green)
ways thar are tagged highway=track, horse=designated (green)
ways thar are tagged highway=track, horse=designated (green)
ways thar are part of a routerelation that is tagged route=horse(yellow)
ways and nodes that are tagged Sport=equestrian (blue)
nodes that are tagged rhn_ref=* (orange)(Ruiterknooppunten)
When you click the + in the top right corner the box shows these 6 elements. Unfortunately I can only change the name of number 6 (Ruiterknooppunten). If I change any of the other five into a more meaningfull name (and not a colour reference) it does not render at all. I would like to have a more meaningfull name and also a possibility to change the color (in the page code not in the user interface).
How can I change the color and size of the node of number 5 and 6
Any suggestion is much appreciated.
Edit: Site. does not seem to work with IE9 but OK with FF 16.0.1 or Chrome.
This looks a lot better. Is there any way that I can have the options on the top right corner extended by default. This way users don’t have to click the + sign which I think is better.
function init(){
var ls = new OpenLayers.Control.LayerSwitcher();
map = new OpenLayers.Map (“map”, {
controls:[
ls,
new OpenLayers.Control.Navigation(),
new OpenLayers.Control.PanZoomBar(),
new OpenLayers.Control.Attribution()],
maxExtent: new OpenLayers.Bounds(-20037508.34,-20037508.34,20037508.34,20037508.34),
maxResolution: 156543.0399,
numZoomLevels: 19,
units: 'm',
projection: new OpenLayers.Projection("EPSG:900913"),
displayProjection: new OpenLayers.Projection("EPSG:4326")
} );
var layer = new OpenLayers.Layer.Vector("Ruiterknooppunten", {
strategies: [new OpenLayers.Strategy.Fixed()],
protocol: new OpenLayers.Protocol.HTTP({
url: data_url,
format: new OpenLayers.Format.OSM()
}),
styleMap: styleMap,
projection: new OpenLayers.Projection("EPSG:4326")
});
ls.maximizeControl();