Hübsche OSM Karte - kann man die einbinden?

Klar, das sind die MapQuest Tiles
http://wiki.openstreetmap.org/wiki/MapQ … _map_tiles
Darf man einbinden und Stylefile gibt es auch 🙂

Hallo, danke für die schnelle Antwort.

wenn ich das im Quellcode habe:

new OpenLayers.Layer.OSM.Mapnik("Karte Variante 2", { attribution: '', keyname: 'mapnik' }),
new OpenLayers.Layer.OSM.Osmarender("Karte Variante 3", { attribution: '', keyname: 'osmarender' }),

Wie füge ich dann Mapquest hinzu?
Und muß ich an dieser Stelle noch eine spezielle js-Datei einbinden?

<!--script type="text/javascript" src="http://www.openstreetmap.de/js/jquery.js"--></script>
<script type="text/javascript" src="http://www.openlayers.org/api/OpenLayers.js"charset="utf-8"></script>
<script type="text/javascript" src="http://www.openstreetmap.org/openlayers/OpenStreetMap.js"charset="utf-8"></script>
<script type="text/javascript" src="util.js"charset="utf-8"></script>
<script type="text/javascript" src="markers-var5.js"charset="utf-8"></script>

Viele Grüße desputin

Ich glaube ich bin nicht den offiiellen weg gegangen:

...
baseLayers.push(new␣OpenLayers.Layer.XYZ('MapQuest',␣'http://otile1.mqcdn.com/tiles/1.0.0/osm/${z}/${x}/${y}.png',␣{␣lid:␣'mapquest',attribution:'Data␣CC-By-SA␣by␣<a␣href="http://www.openstreetmap.org">OpenStreetMap</a><br>Tiles␣Courtesy␣of␣<a␣href="http://www.mapquest.com/"␣target="_blank">MapQuest</a>␣<img␣src="http://developer.mapquest.com/content/osm/mq_logo.png">'}));
...

!i! wrote:

Ich glaube ich bin nicht den offiiellen weg gegangen:

So weit ich das erkennen kann, ist das schon der korrekte Weg. Wenn man will kann man zwar auch einige der anderen APIs von MapQuest, z.B. deren javascript oder flash APIs verwenden, muss es aber nicht, sondern kann die Tiles direkt mit OpenLayers verarbeiten.

http://developer.mapquest.com/web/products/open/map

hm, wenn ich Deinen code in meinem unter dem hier einfüge, dann wird die Karte gar nicht mehr dargestellt.

map.addLayer(noname);
map.addLayers([
new OpenLayers.Layer.OSM.Mapnik("Karte Variante 2", { attribution: '', keyname: 'mapnik' }),
new OpenLayers.Layer.OSM.Osmarender("Karte Variante 3", { attribution: '', keyname: 'osmarender' }),
]);

An welcher Stelle müßte ich den Code in diesem Quelltext einfügen?

http://www.christopherstark.de/EnerRege … m-var1.htm

Also eigentlich sollte das mit einem "new OpenLayers.Layer.XYZ.." doch klappen. Hast du vielleicht ein homebrew OpenLayers, aus dem das ausgebaut ist? Ansonsten würde ich noch einmal ganz penibel den Code anschauen. Vielleicht hast du ja ne Klammer oder so vergessen. Dafür macht sich die Firebug Erweiterung für Firefox eigentlich ganz gut 🙂

Ja, könnte sein, ich bin nicht der größte Javsascriptexperte. Die openlayers.js wird normal von openlayers.org geladen. Allerdings nutze ich noch eine lokale util.js und markers-var1.js für die Marker.

Wenn ich den Mapquest code einfüg wie hier, wir die Karte wie gesagt nicht mehr gefunden. Mit firebug kann ich nur in Bezug auf CSS/PHP umgehen, wie man damit javascript-fehler findet, weiß ich nicht so genau....

␣␣␣map␣=␣new␣OpenLayers.Map('map',␣{

projection:␣projmerc,
displayProjection:␣proj4326,

controls:␣[

new␣OpenLayers.Control.Navigation(),
/*␣␣␣␣new␣OpenLayers.Control.Attribution(),*/

new␣OpenLayers.Control.LayerSwitcher(),

new␣OpenLayers.Control.MousePosition({␣div:␣jQuery('#customMousePosition')[0]␣}),
new␣OpenLayers.Control.Permalink('permalink'),
baseLayers.push(new␣OpenLayers.Layer.XYZ('MapQuest',␣'http://otile1.mqcdn.com/tiles/1.0.0/osm/${z}/${x}/${y}.png',
{␣lid:␣'mapquest',attribution:'Data␣CC-By-SA␣by␣<a␣href="http://www.openstreetmap.org">OpenStreetMap</a><br>Tiles␣Courtesy␣of
<a␣href="http://www.mapquest.com/"␣target="_blank">MapQuest</a>␣<img␣src="http://developer.mapquest.com/content/osm/mq_logo.png">'}));

/*␣␣␣␣␣new␣OpenLayers.Control.OverviewMap(),*/

/*␣␣new␣OpenLayers.Control.PanZoomBar()*/

],

maxExtent:␣new␣OpenLayers.Bounds(-20037508.34,-20037508.34,␣20037508.34,␣20037508.34),
numZoomLevels:␣18,
maxResolution:␣156543,
units:␣'m'

});

Neee so einfach geht das nicht Christopher 😉 baseLayers ist zum Beispiel etwas, was nur ich mir ausgedacht habe.

So sollte es in deinem Fall gehen:

map.addLayers([
new␣OpenLayers.Layer.OSM.Mapnik("Karte␣Variante␣2",␣{␣attribution:␣'',␣keyname:␣'mapnik'␣}),
new␣OpenLayers.Layer.OSM.Osmarender("Karte␣Variante␣3",␣{␣attribution:␣'',␣keyname:␣'osmarender'}),
new␣OpenLayers.Layer.XYZ('MapQuest',␣'http://otile1.mqcdn.com/tiles/1.0.0/osm/${z}/${x}/${y}.png',␣{␣lid:␣'mapquest',attribution:'Data␣CC-By-SA␣by␣<a␣href="http://www.openstreetmap.org">OpenStreetMap</a><br>Tiles␣Courtesy␣of␣<a␣href="http://www.mapquest.com/"␣target="_blank">MapQuest</a>␣<img␣src="http://developer.mapquest.com/content/osm/mq_logo.png">'})
]);

Super, vielen Dank! Das wars Matthias 😉