OpenStreetMap Forum

The Free Wiki World Map

You are not logged in.

#1 2008-07-06 23:41:20

Ruebezahl
Member
Registered: 2008-07-06
Posts: 1

Wie in Homepage einbinden (ausser Iframe)

Hallo zusammen, habe zufällig von diesem Projekt gehört und war begeistert. Ich habe bisher für meine Kommerzielle Webseite Google Maps genutzt.  Jetzt bin ich froh das dieses Projekt auch die Nutzung für Gewerbliche Seiten gestattet. Nun möchte ich gerne Google loswerden, aber wie außer mit einem Iframe kann ich die Maps einbinden?  Ich habe mir schon einige Seiten angesehen, diese haben keine Frames sondern nutzen Java zum einbinden. Kann mir einer bitte sagen, wo ich das bekommen kann?  Kann man Daten auch von Datenbanken oder XML Files einladen, lassen sich Marker mit Layern öffnen?  Gruß und vor allen Danke beim weiterhelfen, Ruebezahl

Offline

#2 2008-07-07 06:17:42

dsp77
Member
From: .de
Registered: 2008-06-18
Posts: 21

Re: Wie in Homepage einbinden (ausser Iframe)

So genau kenne ich mich damit nicht aus, habe aber diesen Link gefunden http://openlayers.org/. Die Software scheint dabei zu helfen Karten auf einer Webseite einzubinden und kann auch mit openstreetmap.org genutzt werden.  Vielleicht hilft das ja.

Offline

#3 2008-07-07 13:51:46

John07
Member
Registered: 2007-11-13
Posts: 245

Re: Wie in Homepage einbinden (ausser Iframe)

Jo, mit openlayers, z.B. so: http://geggus.net/sven/plan/ Ist sehr einfach zu bauen. Gruß Jonas

Offline

#4 2008-07-08 09:57:44

dsp77
Member
From: .de
Registered: 2008-06-18
Posts: 21

Re: Wie in Homepage einbinden (ausser Iframe)

Das ist ein super Beispiel das du da hast. Ich wünschte so was gibt es auf openlayers.org. Ich bin mal durch einige Beispiele da gegangen, mir ist aber immer noch nicht klar wie ich es schaffe eine Straßenkarte aus openstreetmap einzubinden. Ganz besonderst ist mir nicht klar welche Java Skripts ich einbinden muss.  Ich hab mir mal den Sourcecode 2.6 runtergeladen. Muss ich jetzt den gesamten lib/ Ordner in meine Seite einbinden?  Wenn ich das mache und lade die Bibliothek mit:   <script type="text/javascript" src='lib/OpenLayers.js'></script>  Bekomme ich einen Fehler:  layerdiv is undefined lib/OpenLayers/Map.js  Auf deiner Seite hast du ja nur einige wenige Java Skripts eingebunden. Sind das die Skripts aus dem lib/ Ordner oder hast du die angepasst?

Offline

#5 2008-07-08 13:55:34

John07
Member
Registered: 2007-11-13
Posts: 245

Re: Wie in Homepage einbinden (ausser Iframe)

Das ist nicht meine Seite! Und ich kenne mich damit auch nicht wirklich aus.

Offline

#6 2008-07-08 14:00:31

John07
Member
Registered: 2007-11-13
Posts: 245

Re: Wie in Homepage einbinden (ausser Iframe)

Hier mal der Code, wie es bei mir funktioniert: <html> <head>     <title></title>      <script src="http://openlayers.org/api/OpenLayers.js"></script>      <!-- bring in the OpenStreetMap OpenLayers layers.          Using this hosted file will make sure we are kept up          to date with any necessary changes -->     <script src="http://openstreetmap.org/openlayers/OpenStreetMap.js"></script>      <script type="text/javascript">         // Default map center and zoom         var lon = 9.950;         var lat = 49.800;         var zoom = 13;          var map; //complex object of type OpenLayers.Map           //Initialise the 'map' object         function init() {                        map = new OpenLayers.Map ("map", {                 controls:[                     new OpenLayers.Control.Navigation(),                     new OpenLayers.Control.PanZoomBar(),                     new OpenLayers.Control.LayerSwitcher(),                     new OpenLayers.Control.Permalink(),                     new OpenLayers.Control.Attribution()],                 maxExtent: new OpenLayers.Bounds(-20037508.34,-20037508.34,20037508.34,20037508.34),                 maxResolution: 156543.0399,                 numZoomLevels: 19,                 units: 'meters',                 projection: new OpenLayers.Projection("EPSG:900913"),                 displayProjection: new OpenLayers.Projection("EPSG:4326")             } );                               // Define the map layer             // Note that we use a predefined layer that will be             // kept up to date with URL changes             // Here we define just one layer, but providing a choice             // of several layers is also quite simple             // Other defined layers are OpenLayers.Layer.OSM.Mapnik and OpenLayers.Layer.OSM.Maplint             layerTilesAtHome = new OpenLayers.Layer.OSM.Osmarender("Osmarender");             map.addLayer(layerTilesAtHome);             layerMapnik = new OpenLayers.Layer.OSM.Mapnik("Mapnik");             map.addLayer(layerMapnik);                            if( ! map.getCenter() ){                 var lonLat = new OpenLayers.LonLat(lon, lat).transform(                     new OpenLayers.Projection("EPSG:4326"), new OpenLayers.Projection("EPSG:900913")                 );                 map.setCenter(lonLat, zoom);             }         }              </script>  </head>  <!-- body.onload is called once the page is loaded (call the 'init' function) --> <body onload="init();">      <!-- define a DIV into which the map will appear. Make it take up the whole window -->     <div style="width:100%; height:100%" id="map"></div>      </body>  </html>   Das Problem ist die sehr schlechte Dokumentation von Openlayers.

Offline

#7 2008-07-08 14:05:35

dsp77
Member
From: .de
Registered: 2008-06-18
Posts: 21

Re: Wie in Homepage einbinden (ausser Iframe)

OK, ich habe auf der openstreetmap.org Seite was gefunden:  http://wiki.openstreetmap.org/index.php … le_Example  http://wiki.openstreetmap.org/index.php … er_example  Eins der beiden Beispiele zeigt wie man Pointer auf die Karte setzt. Werde ich mal ausprobieren wenn ich die Zeit dafür finde.

Offline

Board footer

Powered by FluxBB