Hi,
ich beschäftige mich seit kurzem mit “openstreetmap” und bin wirklich begeistert. Für meine Homepage benötige ich eine Karte, in der die Koordinaten aus einem PHP script gelesen werden. Das klappt alles auch einwandfrei. Nun würde ich die Kartendarstellung jedoch gerne ändern:
- Das Standort Icon möchte ich durch ein eigenes Icon ersetzen
- In der Navigationsleiste soll die Weltkugel wegfallen. Gerne würde ich die gesamte Navigation auch durch ein anderes Style ersetzen. Aber wie baut man dieses ein und gibt es schon fertige Styles?
- Wie kann ich Schulen und Kindergärten durch eigene icons sichtbar machen
Ich hoffe, das Ihr mir weiterhelfen könnt, denn im Netz fand ich keine Lösung :-))
<style type="text/css">.olControlAttribution { bottom: 3px!important; }</style>
<script src="http://www.openlayers.org/api/OpenLayers.js">
</script><script src="http://www.openstreetmap.org/openlayers/OpenStreetMap.js">
</script><div id="map" style="width:500px;height:340px;">
</div>
<script type="text/javascript">
var map;
function showMap()
{
map = new OpenLayers.Map("map",
{
maxExtent: new OpenLayers.Bounds(-20037508.34,-20037508.34,20037508.34,20037508.34),
numZoomLevels: 19,
maxResolution: 156543.0399,
units: "m",
projection: new OpenLayers.Projection("EPSG:900913"),
displayProjection: new OpenLayers.Projection("EPSG:4326")
}
);
var layerMapnik = new OpenLayers.Layer.OSM.Mapnik("Mapnik (updated weekly)");
var layerTah = new OpenLayers.Layer.OSM.Osmarender("Tiles@Home");
map.addLayers([layerMapnik,layerTah]);
map.setCenter(new OpenLayers.LonLat(<?php echo $long; ?>,<?php echo $lat; ?>).transform(new OpenLayers.Projection("EPSG:4326"),
new OpenLayers.Projection("EPSG:900913")), 14);
map.addLayer(new OpenLayers.Layer.Markers());
var marker = new OpenLayers.Marker(map.getCenter());
marker.events.register("mousedown", marker, function(evt)
{
OpenLayers.Event.stop(evt);
}
);
map.layers[map.layers.length-1].addMarker(marker);
}
showMap();
</script>