• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

[GELÖST] Google Maps JS API - Problem mit overlay einer anderen Karte

matthias2525

New member
Hallo,

ich möchte die Karte von Basemap in der Google Maps JS API nutzen,
hier gibt es auf github ein Beispiel:
Edit fiddle - JSFiddle
source: https://github.com/rcknr/basemap-google-maps

Das Demo funktioniert einwandfrei.

Ich habe mir die Codestücke einfach zusammenkopiert, leider funktioniert in meiner offline Variante das Overlay nicht und
es wird immer die google Karte verwendet.
Ich habe schon einiges versucht, komme aber nicht auf einen grünen Zweig.
Deshalb bitte ich euch um Hilfe.

Code:
<!DOCTYPE html>
<html>
  <head>
    <title>Test Basemap</title>

    <style>
 html,
	body,
	#map {
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
}
  </style>
  </head>
  <body>

<script src="https://maps.googleapis.com/maps/api/js"></script>
<script src="https://rawgit.com/rcknr/basemap-google-maps/master/basemap-tiles.min.js"></script>
<div id="map"></div>

<script>

var map = new google.maps.Map(document.getElementById('map'), {
  zoom: 14,
  center: new google.maps.LatLng(48.2081743, 16.3738189),
});

new Basemap(map);

</script>

 </body>
</html>

Danke!
LG, Matthias
 
Zuletzt bearbeitet von einem Moderator:
Lieber Matthias,

du kannst das nicht von einem lokalen File aus, welches du direkt im Browser öffnest testen. Das Problem ist, dass die Basemap protokoll-relative URLs benutzt (die starten mit "//:" statt mit einem definitiven Protokoll wie "http://" etc.). Wenn du dein HTML-File direkt vom Computer aus startest, hat es das Protokoll "file://" und die Basemap versucht dann, mit dem gleichen Protokoll die Maptiles zu laden (siehe angehängten Screenshot).

Du musst die HTML-Seite also irgendwo hochladen (auf einen Server) oder lokal von einem Webserver ausliefern lassen, dann klappt's ohne Probleme :) siehe Screenshots.

Beste Grüsse

Dominique

Bildschirmfoto 2016-07-29 um 14.37.13.pngBildschirmfoto 2016-07-29 um 14.37.09.jpgBildschirmfoto 2016-07-29 um 14.36.57.jpg
 
Zurück
Oben