You are not logged in.

Announcement

*** NOTICE: forum.openstreetmap.org is being retired. Please request a category for your community in the new ones as soon as possible using this process, which will allow you to propose your community moderators.
Please create new topics on the new site at community.openstreetmap.org. We expect the migration of data will take a few weeks, you can follow its progress here.***

Pages: 1

#1 2015-04-06 16:00:28

ManuHCx
Member
Registered: 2015-04-06
Posts: 2

Darstellungsfehler Openlayers Track Example - IE, Chrome, Firefox

Hallo und frohe Ostern zusammen!

Ich stehe vor einem Problem mit der Kartenanzeige in verschiedenen Browsern. Ich möchte einen GPX-Track in einem Kartenfenster anzeigen und nutze dazu das Openlayers Track Example. http://wiki.openstreetmap.org/wiki/Open … ck_example

Das ganze funktioniert wunderbar, solange ich zur Darstellung der Seite Firefox verwende. Versuche ich jedoch die (derzeit nur lokal gespeicherte) Seite mit Chrome oder dem IE zu öffnen, funktioniert nichts mehr wie gewünscht:

Chrome stellt zwar die Karte und den Marker im gewünschten Kartenausschnitt dar, es fehlt allerdings der GPX-Track.

plovdn8u.jpg

Internet Explorer stellt nur Steuerelemente der Karte, jedoch keine Karte, Marker oder GPX-Track dar.

sekmfqsl.jpg

Firefox präsentiert mir genau das gewünschte Ergebnis:

mm63vgyt.jpg

Hier mal der Code:

<html>
<head>
	<!-- Source: http://wiki.openstreetmap.org/wiki/Openlayers_Track_example -->
	<title>Ristfeuchthorn</title>
	<!-- bring in the OpenLayers javascript library
		 (here we bring it from the remote site, but you could
		 easily serve up this javascript yourself) -->
	<script src="http://www.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://www.openstreetmap.org/openlayers/OpenStreetMap.js"></script>
 
	<script type="text/javascript">
		// Start position for the map (hardcoded here for simplicity,
		// but maybe you want to get this from the URL params)
		var lat=47.693313
		var lon=12.788995
		var zoom=14
 
		var map; //complex object of type OpenLayers.Map
 
		function init() {
			map = new OpenLayers.Map ("map", {
				controls:[
					new OpenLayers.Control.Navigation(),
					new OpenLayers.Control.PanZoomBar(),
					new OpenLayers.Control.LayerSwitcher(),
					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")
			} );
 
			// Define the map layer
			// Here we use a predefined layer that will be kept up to date with URL changes
			layerMapnik = new OpenLayers.Layer.OSM.Mapnik("Mapnik");
			map.addLayer(layerMapnik);
			layerCycleMap = new OpenLayers.Layer.OSM.CycleMap("CycleMap");
			map.addLayer(layerCycleMap);
			layerMarkers = new OpenLayers.Layer.Markers("Markers");
			map.addLayer(layerMarkers);
 
			// Add the Layer with the GPX Track
			var lgpx = new OpenLayers.Layer.Vector("Ristfeuchthorn", {
				strategies: [new OpenLayers.Strategy.Fixed()],
				protocol: new OpenLayers.Protocol.HTTP({
					url: "Ristfeuchthorn.gpx",
					format: new OpenLayers.Format.GPX()
				}),
				style: {strokeColor: "green", strokeWidth: 5, strokeOpacity: 0.5},
				projection: new OpenLayers.Projection("EPSG:4326")
			});
			map.addLayer(lgpx);
 
			var lonLat = new OpenLayers.LonLat(lon, lat).transform(new OpenLayers.Projection("EPSG:4326"), map.getProjectionObject());
			map.setCenter(lonLat, zoom);
 
			var size = new OpenLayers.Size(21, 25);
			var offset = new OpenLayers.Pixel(-(size.w/2), -size.h);
			var icon = new OpenLayers.Icon('http://www.openstreetmap.org/openlayers/img/marker.png',size,offset);
			layerMarkers.addMarker(new OpenLayers.Marker(lonLat,icon));
		}
	</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:90%; height:90%" id="map"></div>
</body>
</html>

Nach Stunden vergeblicher Suche und zigfachem rumprobieren in den Browsereinstellungen bin ich mit meinem Latein am Ende.
Der lokale Ordner, in dem die HTML Datei abgelegt ist, enthält außer der GPX-Datei keine weiteren Dateien, falls das irgendwie von Bedeutung ist.
Achso... Die Darstellung von anderen Karten/Homepages, die eigentlich den selben Code wie ich benutzen, funktioniert in allen Browsern (auch bei mir) wunderbar!
(zB http://cyberleaf.bplaced.net/wp-content … racks.html)

Hat vielleicht jemand eine Idee? Hängts hier am Code?
Vielen Dank schonmal für eventuelle Lösungsvorschläge...

Offline

#2 2015-04-06 16:31:23

maxbe
Member
Registered: 2010-01-19
Posts: 3,255
Website

Re: Darstellungsfehler Openlayers Track Example - IE, Chrome, Firefox

ManuHCx wrote:

... derzeit nur lokal gespeicherte) Seite mit Chrome oder dem IE zu öffnen

"file://" und "IE" triggert bei mir diese Antwort: Der IE führt aus Sicherheitsgründen kein Javascript auf lokalen Laufwerken aus. Einzustellen irgendwo unter "Sicherheitszonen"....

Chrome: Weiss ich nicht, vielleicht hält er das ähnlich...

Grüße und willkommen im Forum,

Max

Offline

#3 2015-04-07 07:41:07

gormo
Member
Registered: 2013-08-01
Posts: 2,119
Website

Re: Darstellungsfehler Openlayers Track Example - IE, Chrome, Firefox

Was du also tun könntest ist dir zum Testen einen kleinen HTTP-Server zu starten.

Falls du Python 3 installiert hast, kannst du das von der Kommandozeile aus mit

python -m http.server 8000

tun, und dann mit http://localhost:8000 aus deinem Browser aufrufen.

Pyton 2 braucht den Aufruf

python -m SimpleHTTPServer 8000

Ansonsten gibts für Windows noch (schnell gegoogelt) tinyserver, http://tinyserver.sourceforge.net/ .

OSM hat nicht das Ziel bis Ende des Monats einen vollständigen Datensatz der Welt zu enthalten.
(nach S.W.) - Aber weil die Welt vielfältig ist, weil sie auch im Detail interessant ist, mag ich genaue Karten (nach C.)

Offline

#4 2015-04-07 08:46:42

ManuHCx
Member
Registered: 2015-04-06
Posts: 2

Re: Darstellungsfehler Openlayers Track Example - IE, Chrome, Firefox

Leute Leute - vielen Dank für die schnelle Hilfe!
Die Tinyserver Lösung funktioniert wunderbar - die Darstellung in allen Browsern klappt jetzt! big_smile

Offline

#5 2015-04-07 13:08:31

gormo
Member
Registered: 2013-08-01
Posts: 2,119
Website

Re: Darstellungsfehler Openlayers Track Example - IE, Chrome, Firefox

ManuHCx wrote:

Leute Leute - vielen Dank für die schnelle Hilfe!
Die Tinyserver Lösung funktioniert wunderbar - die Darstellung in allen Browsern klappt jetzt! big_smile

Supi - hab das Beispiel im Wiki mal entsprechend erweitert: http://wiki.openstreetmap.org/w/index.p … id=1143653 .

OSM hat nicht das Ziel bis Ende des Monats einen vollständigen Datensatz der Welt zu enthalten.
(nach S.W.) - Aber weil die Welt vielfältig ist, weil sie auch im Detail interessant ist, mag ich genaue Karten (nach C.)

Offline

Pages: 1

Board footer

Powered by FluxBB