Australopiticus
Neues Mitglied
Hallo
Kenn mich mit javascript noch nicht so gut aus darum vielleicht eine etwas naive Frage:
Ich hab versucht eine Webseite zu schreiben bei der je nach der Menüauswahl des Benutzers verschiedene Inhalte mittels .innerHTML in diverse <p> und <div> tags geladen werden. Das funktioniert auch ganz gut bis jetzt. Wollte jetzt noch meine Wohnadresse als interaktives google maps Bild in die Webseite einbinden und hab mir diesen code schon geholt (weiss aber nicht genau was der macht).
Irgendwie funktionierts jetzt nicht wenn ich versuche diesen Javascript-code von google maps mittels innerHTML in ein div-tag reinzuschreiben. Hätte auch schon alle ' mit \" ersetzt. Ich hoffe das war jetzt einigermaßen verständlich. Ich schreib euch mal den quellcode hin, dann versteht mans glaub ich am Besten:
das Ganze sollte in einen <div id="map" style="visibility:hidden;"> geschireben werden
Das witzige ist, dass wenn man den code einfach so in ein div-tag schreibt funktioniert er prächtig.
Danke im Voraus. Ich hoffe ihr findet den Fehler
lg Australo
Kenn mich mit javascript noch nicht so gut aus darum vielleicht eine etwas naive Frage:
Ich hab versucht eine Webseite zu schreiben bei der je nach der Menüauswahl des Benutzers verschiedene Inhalte mittels .innerHTML in diverse <p> und <div> tags geladen werden. Das funktioniert auch ganz gut bis jetzt. Wollte jetzt noch meine Wohnadresse als interaktives google maps Bild in die Webseite einbinden und hab mir diesen code schon geholt (weiss aber nicht genau was der macht).
Irgendwie funktionierts jetzt nicht wenn ich versuche diesen Javascript-code von google maps mittels innerHTML in ein div-tag reinzuschreiben. Hätte auch schon alle ' mit \" ersetzt. Ich hoffe das war jetzt einigermaßen verständlich. Ich schreib euch mal den quellcode hin, dann versteht mans glaub ich am Besten:
Code:
function kontakttext(){
document.getElementById('map').style.visibility = "visible";
document.getElementById('map').innerHTML = '<noscript>'+
'<img src="images/zufahrt.png" alt="Bild konnte nicht geladen werden" style="width:60%">'+
'</noscript>'+
'<script src=\"https://maps.googleapis.com/maps/api/js?v=3.exp\"></script>'+
'<div style=\"overflow:hidden;height:400px;width:60%;\"><div id=\"gmap_canvas\" style=\"height:400px;width:100%;\"></div>'+
'<style>#gmap_canvas img{max-width:none!important;background:none!important}</style></div>'+
'<a style="visibility:hidden;" href=\"http://www.brustrekonstruktionen.com/\">http://www.brustrekonstruktionen.com</a> <script type=\"text/javascript\" src=\"http://embedmaps.com/google-maps-authorization/script.js?id=f881f336cb4eb1665cf9257918f0ff9e1de8fe62\"></script><script type=\"text/javascript\"> function init_map(){'+
'var myOptions = {'+
'zoom:12,center:new google.maps.LatLng(47.0784035,15.446195699999976),'+
'mapTypeId: google.maps.MapTypeId.ROADMAP};'+
'map = new google.maps.Map(document.getElementById(\"gmap_canvas\"), myOptions);'+
'marker = new google.maps.Marker({map: map,position: new google.maps.LatLng(47.0784035,15.446195699999976)});'+
'infowindow = new google.maps.InfoWindow({'+
'content:\"<strong>Mein Titel</strong><br>\"+'+
'\"Meine Adresse<br>\"+'+
'\"Postleitzahl und Ort Hab persöhnliche daten aus dem Quellcode entfernt<br>\"'+
'});'+
'google.maps.event.addListener(marker, \"click\", function(){'+
'infowindow.open(map,marker);'+
'});'+
'infowindow.open(map,marker);'+
'}'+
'google.maps.event.addDomListener(window, \"load\", init_map);'+
'</script>';
das Ganze sollte in einen <div id="map" style="visibility:hidden;"> geschireben werden
Das witzige ist, dass wenn man den code einfach so in ein div-tag schreibt funktioniert er prächtig.
Danke im Voraus. Ich hoffe ihr findet den Fehler
lg Australo