Hi Leute,
ich habe mir eine eigene, farblich angepasste Google Map erstellt und möchte diese nun in einem Joomla-Beitrag über ein Modul einbinden. Um sicherzugehen, dass TinyMCE den Code nicht unnötig bereinigt habe ich getestet ob der Code angenommen wird wenn ich TinyMCE deaktiviere. Wird er jedoch nicht und ich kriege die Karte nicht zum laufen. Der Code müsste aber eigentlich funktionieren. (In Netbeans geschrieben und getestet in verschiedenen Browsern)
HTML-Code:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
html, body, #map-canvas {height: 100%; border-radius: 20px; box-shadow: 0px 0px 8px black; margin: 0; padding: 0;}
</style>
<script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?key=MeinGeheimerKey">
</script>
<script type="text/javascript">
function initialize() {
var mapOptions = {
styles: [{"featureType":"all","elementType":"all","stylers":[{"hue":"#006ea1"},{"saturation":"100"},{"lightness":"40"},{"gamma":"0.3"}]}],
zoom: 17,
center: new google.maps.LatLng(53.1087500, 8.8026700)
}
var map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
var image = 'http://www.jaeger-eggers.de/images/stories/Onlineshop_Bilder/Spaten_GMap.png';
var myLatLng = new google.maps.LatLng(53.1087500, 8.8026700);
var beachMarker = new google.maps.Marker({
position: myLatLng,
map: map,
icon: image
});
}
google.maps.event.addDomListener(window, 'load', initialize); </script>
</head>
<body>
<div id="map-canvas"></div>
</body>
</html>