open cycle map in googlemaps integrieren

[bergblume]

hallo zusammen,
folgende frage bzw. idee... es gibt ja diese open cycle map für radfahrer : http://www.opencyclemap.org/
wie kann ich diese in googlemaps neben hybrid-view, satelliten-ansicht und kartenansicht integrieren?
gruss,
bergblume

[bergblume]

ach ja, das hätte ich noch als hilfeastellung anzubieten: http://www.openstreetmap.info/examples/gmap-example2.html

[mawenzi]

... bei opencyclemap.org sieht es nicht so aus, als ob da Layer für die Google-Map angeboten werden ...
... das scheint ein eigenständiges Script / API zu sein ...

... dein openstreetmap.info Link bringt keine verwertbare Seite (Script-Fehler) ...
... wobei sich OS-Map Layer in die Google-Map einbinden lassen ...

... doch was nun ... ?

[bergblume]

hallo mawenzi,

naja wie in dem beispiel-link hätte ich gerne oben rechts in meinen googlemaps diesen marker "mapnik" (=OSM) angezeigt...
wie muss ich hierfür bei mir die datei gm.js abändern??

by the way... wie kann ich generell die OSM (open street maps) anzeigen lassen?

gruss, bergblume

[mawenzi]

... die von dir mit dem Link angegebene Seite enthält Scriptfehler ... wird im IE8 nicht angezeigt ... aber Iron macht es ...
... du meinst also die Integration der OS-Map etwa so wie hier ...
... wenn ja, dann kann ich dir mit der Erweiterung des GM-Scripts weiterhelfen ...

[bergblume]

guten morgen mawenzi,

ja, genau - das würde scon mal sehr weiterhelfen...
wie muss ich für die integration der OSM map - so wie bei dir ersichtlich - vorgehen?
danke für deine hilfe!
bergblume

[mawenzi]

OSM-Map "Mapnik"

... im gm-Script in der function load ()  finde in etwa ...

Code: [Select]

         map.addControl(new GScaleControl());
         map.addControl(new GOverviewMapControl());

... und danach füge einfach dazu ...

Code: [Select]

//--- OSM-Map "Mapnik" -----------------------------------------------------
        var copyosm1 = "© OpenStreetMap: ";
        var copyosm2 = "<a href='http://www.openstreetmap.com' target='_blank'>License</a>";
        var osm = [new GTileLayer()];
        osm[0].getTileUrl = function(a,b) {
        return "http://tile.openstreetmap.org/" + b + "/" + a.x + "/" + a.y + ".png"; };
        osm[0].getCopyright = function(a,b) {
        return {prefix:copyosm1, copyrightTexts:[copyosm2]}; }
        G_OSM_MAP = new GMapType(osm, G_SATELLITE_MAP.getProjection(), "OS-Map", {
        minResolution:0,maxResolution:15});
        map.addMapType(G_OSM_MAP);
//--- OSM-Map "Mapnik" -----------------------------------------------------


[bergblume]

super! danke - das hat geklappt!!!

[mawenzi]

OSM-Map "Tiles@Home"

... im gm-Script in der function load ()  finde in etwa ...

Code: [Select]

         map.addControl(new GScaleControl());
         map.addControl(new GOverviewMapControl());

... und danach füge einfach dazu ...

Code: [Select]

//--- OSM-Map "Tiles@Home" -----------------------------------------------------
        var copytah1 = "© OpenStreetMap: ";
        var copytah2 = "<a href='http://www.openstreetmap.com' target='_blank'>License</a>";
        var tah = [new GTileLayer()];
        tah[0].getTileUrl = function(a,b) {
        return "http://tah.openstreetmap.org/Tiles/tile/" + b + "/" + a.x + "/" + a.y + ".png"; };
        tah[0].getCopyright = function(a,b) {
        return {prefix:copytah1, copyrightTexts:[copytah2]}; }
        G_TAH_MAP = new GMapType(tah, G_SATELLITE_MAP.getProjection(), "T@H-Map", {
        minResolution:0,maxResolution:15});
        map.addMapType(G_TAH_MAP);
//--- OSM-Map "Tiles@Home" -----------------------------------------------------


[bergblume]

wow -- super....
was für karten kann man denn noch so alles in googlemaps integrieren?

[mawenzi]

... wenn man die URL der Map-Layer kennt und die sich auf die Satellite-Map projezieren lassen ...
... dann kann man diese entsprechende Map auch in Google-Maps integrieren ...
... es sind sogar selbstgezeichnete Karten vom eigenen Server möglich ...
... ich verwende zum Teil noch eine (etwas grobe) Relief-Map (noch aus "Vor-Terrain-Zeiten") ...

[bergblume]

ok, super - -danke für den tip...-

habe hierzu auch noch folgende wertvolle info gefunden:

Zusätzliche Layer nun auch über das API verfügbar.

Auch für Mashups ist es nun leicht möglich, zusätzliche Layer verfügbar zu machen. Nach dem Anlegen des GMap2-Objektes können die Layer ganz einfach der Karte überlagert werden:

Code: [Select]

map.addOverlay(new GLayer("com.panoramio.all"));
oder

Code: [Select]

map.addOverlay(new GLayer("org.wikipedia.de"));
oder

Code: [Select]

map.addOverlay(new GLayer("com.youtube.all"));
einfach nur genial diese overlays!!  


Eine Liste der Layer finden sich unter http://esa.ilmari.googlepages.com/glayers.htm.

Mike Williams hat eine erweiterte JavaScript-basierte Lösung unter http://econym.org.uk/gmap/example_layercontrol.htm bereitgestellt.

[kubiczek]

hallo bergblume

ich habe es geschaft  wikipedia, paneramino und youtube einzubauen,

aber mit der hide() und show() funktion komme ich nicht klar.

kannst du mit da helfen?

http://grosspeterwitz.org/gp/index.php?template=google-photo-map-gp

gruß kubiczek

[mawenzi]

@kubiczek
... hast du dir das Beispiel / Script von Mike Williams mal angesehen (Link von bergblume) ... ?
... aus dem Quelltext des Beispiels brauchst du nur das Script in dein Map-Script übernehmen ...
... hab ich gerade für mich erledigt, noch einige Overlays hinzugefügt (ges. jetzt 7) und funktioniert nun bestens ...

@bergblume
... danke für den Hinweis und den Link ...

[bergblume]

guten morgen mawenzi,

danke für deine erläuterung... exakt so ist es...
@ kubicek... einfach den code von Mike Williams anschauen und entsprechend verwenden.

gruss und viele erfolg,
bergblume