von mike2208 » 4. Feb 2017, 10:27
Hallo,
hab das gestern mit dem API Key getestet und es funktioniert jetzt!
So muss die Zeile aussehen, also mit eurem Code ergänzen!
<script src="
http://maps.googleapis.com/maps/api/js? ... zIGandhEfh[/b]&sensor=false"
Ich poste hier noch mal den Code so wie er aussehen muss /Beispiel Karte
" Google Maps (Satellit)"
Code: Alles auswählen
<!DOCTYPE html>
<html>
<head>
<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyBG_CCrfnS1y8IaLvwKuk15TzIGandhEfh&sensor=false"
type="text/javascript"></script>
<style type="text/css">
html, body, #map-canvas { height: 100%; margin: 0; }
</style>
<script type="text/javascript">
function initialize() {
var latLng = new google.maps.LatLng(%koordinaten.latitude%, %koordinaten.longitude%);
//var latLng = new google.maps.LatLng(1.0, 1.0);
var mapOptions = {
center: latLng,
zoom: 16,
mapTypeId: google.maps.MapTypeId.SATELLITE
}
map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
var marker = new google.maps.Marker({
position: latLng,
title: "Einsatzort",
map: map
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
</body>
</html>
Der Key im Code ist nur Beispiel, ihr müsst natürlich euren nehmen!!
Was noch im Kartenfenster nervt ist der Banner mit der Fehlermeldung von Java, man kann den schliessen, taucht aber bei jeder Aktualisierung neu auf...
Gruss Chris
Hallo,
hab das gestern mit dem API Key getestet und es funktioniert jetzt!
So muss die Zeile aussehen, also mit eurem Code ergänzen!
<script src="http://maps.googleapis.com/maps/api/js?[b]key=AIzaSyBG_CCrfnS1y8IaLvwKuk15TzIGandhEfh[/b]&sensor=false"
Ich poste hier noch mal den Code so wie er aussehen muss /Beispiel Karte [b]" Google Maps (Satellit)"[/b]
[code]<!DOCTYPE html>
<html>
<head>
<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyBG_CCrfnS1y8IaLvwKuk15TzIGandhEfh&sensor=false"
type="text/javascript"></script>
<style type="text/css">
html, body, #map-canvas { height: 100%; margin: 0; }
</style>
<script type="text/javascript">
function initialize() {
var latLng = new google.maps.LatLng(%koordinaten.latitude%, %koordinaten.longitude%);
//var latLng = new google.maps.LatLng(1.0, 1.0);
var mapOptions = {
center: latLng,
zoom: 16,
mapTypeId: google.maps.MapTypeId.SATELLITE
}
map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
var marker = new google.maps.Marker({
position: latLng,
title: "Einsatzort",
map: map
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
</body>
</html>
[/code]
Der Key im Code ist nur Beispiel, ihr müsst natürlich euren nehmen!!
Was noch im Kartenfenster nervt ist der Banner mit der Fehlermeldung von Java, man kann den schliessen, taucht aber bei jeder Aktualisierung neu auf...
Gruss Chris