Seite 1 von 1
Google Map Code einbinden
Verfasst: 17.02.2010, 17:13
von darkeye
Hallo,
ich bin grade dabei eine Arzt-Homepage zu überarbeiten. Auf seiner Kontakt Seite ist seine Praxis auf der Google Karte markiert. Wenn ich nun den Javascript Code in die neue Seite kopiere, erscheint keine Google Map. Kann einer sagen wieso nicht?
Der Javascript Code fängt so an:
Code: Alles auswählen
<script type="text/javascript"><!--//--><![CDATA[//><!--
new NavBar('widget0', 'Scripts/Widgets/Navbar', 'Scripts/Widgets/SharedResources', '.', {"path-to-root": "", "navbar-css": ".navbar {\n\tfont-family: 'Helvetica Neue', Arial, sans-serif;\n\tfont-size: .8em;\n\tcolor:
und endet so:
Code: Alles auswählen
n", "current-page-GUID": "1EEA444E-6231-402E-BC69-695680DE139F", "isCollectionPage": "NO"});
//--><!]]></script>
Kann jemand sagen was ich machen muss damit die Karte angezeigt wird?
(Ich hatte mit Google Map bisher nichts zu tun...)
MFG
Verfasst:
von
SEO Consulting bei
ABAKUS Internet Marketing Erfahrung seit 2002
- persönliche Betreuung
- individuelle Beratung
- kompetente Umsetzung
Jetzt anfragen:
0511 / 300325-0.
Verfasst: 17.02.2010, 17:16
von sumacrusader
hmm google maps arbeite domain abhängig wenn ich mich nicht irre, wenn du das auf einer anderen domain zum testen probiert hast geht es möglicherweise nicht
Verfasst: 17.02.2010, 17:27
von Viktor1982
Doch es geht auch so soweit ich mich errinere.
Code: Alles auswählen
<script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAAdftCjbWGp_3Tgix5MobnqxT9W48lcDpUV-qdffqnMl0U5P-7WhTpJNmLtxK0X690xxyzHKH95QUQ_A"></script>
<script type="text/javascript">
google.load("maps", "2.x");
// Call this function when the page has been loaded
function initialize() {
var map = new google.maps.Map2(document.getElementById("map"));
map.setCenter(new google.maps.LatLng(37.4419, -122.1419), 13);
}
google.setOnLoadCallback(initialize);
</script>
Code: Alles auswählen
#
# Example using sensor when loading the Maps JavaScript API
#
<script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&key=abcdefg&sensor=true">
#
# Example using sensor when loading the Maps API via the common loader
#
<script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAAdftCjbWGp_3Tgix5MobnqxT9W48lcDpUV-qdffqnMl0U5P-7WhTpJNmLtxK0X690xxyzHKH95QUQ_A"></script>
<script type="text/javascript">
google.load("maps", "2",{"other_params":"sensor=true"});
function initialize() {
var map = new google.maps.Map2(document.getElementById("map"));
map.setCenter(new google.maps.LatLng(37.4419, -122.1419), 13);
}
google.setOnLoadCallback(initialize);
</script>
Vielleicht brauchst du einen SENSOR brauchst.
Verfasst: 17.02.2010, 17:29
von Viktor1982
An deinem Script ist nichts von google api zu sehen
Verfasst: 17.02.2010, 17:38
von darkeye
Genaugenommen sieht der Code so aus:
Code: Alles auswählen
<script type="text/javascript"><!--//--><![CDATA[//><!--
new NavBar('widget0', 'Scripts/Widgets/Navbar', 'Scripts/Widgets/SharedResources', '.', {"path-to-root": "", "navbar-css": ".navbar {\n\tfont-family: 'Helvetica Neue', Arial, sans-serif;\n\tfont-size: .8em;\n\tcolor: #666666;\n\tline-height: 30px;\n\tborder-bottom: 3px solid #ccc;\n}\n\n.navbar-bg {\n\ttext-align: right;}\n\n.navbar-bg ul {\n\tlist-style: none;\n\tmargin: 0px;\n\tpadding: 0px;\n}\n\n\nli {\n\tlist-style-type: none;\n\tdisplay: inline;\n\tpadding: 0px 5px 0px 0px;\n}\n\n\nli a {\n\ttext-decoration: none;\n\tpadding: 10px;\n\tcolor: #666666;\n\tfont-weight: bold;\n}\n\nli a:visited {\n\ttext-decoration: none;\n\tpadding: 10px;\n\tcolor: #666666;\n\tfont-weight: bold;\n}\n\nli a:hover\r{\r\n \tcolor: #999999;\n\ttext-decoration: none;\r}\n\n\nli.current-page a\r{\r\t color: #66ABC5;\n\ttext-decoration: none;\r}\n", "current-page-GUID": "1EEA444E-6231-402E-BC69-695680DE139F", "isCollectionPage": "NO"});
//--><!]]></script>
Was muss ich da ergänzen/ändern?
Verfasst: 17.02.2010, 18:23
von Synonym
Was hat denn "new NavBar" mit Google Maps zu tun? Wie Viktor schon sagte, in Deinem Code ist keine Spur von Google Maps, noch nicht mal von Google.
Verfasst: 17.02.2010, 19:38
von sandoba
Es gibt verschiedene Formen der Einbindung von Google Maps:
- Google Maps API mit komplexen Anpassungsmöglichkeiten:
https://code.google.com/apis/maps/
- Google AJAX Search API Wizards:
https://code.google.com/apis/ajaxsearch/wizards.html
bzw. direkt unter
https://www.google.com/uds/solutions/wi ... earch.html
Erläuterung dazu:
https://googlewebmastercentral-de.blogs ... unden.html
Letztere ist nicht weiter anpassbar, für den einfachsten Anwendungsfall (wo liegt Ort x?) aber durchaus brauchbar.
Weiteres gut verstecktes Gadget:
https://www.gmodules.com/ig/creator?syn ... rand=light
Verfasst: 19.02.2010, 12:58
von Fox Mulder
Hi,
bringt die Einbindung des Google Map Codes irgendwelche Vorteile für das lokale Suchranking?
Gruss
Verfasst: 19.02.2010, 13:16
von 1337530
Ich rate mal, es liegt am Domainkey. Für jeded Domain brauchst du einen Extrakey.
Verfasst: 24.02.2010, 23:50
von darkeye
Hallo nochmal,
ich habe oben den falschen Code aus Versehen gepostet. Folgender Code funktioniert nicht... es wird einfach keine Google Map auf der Webseite angezeigt:
Code: Alles auswählen
<script type="text/javascript">
new GoogleMap('widget1', 'Scripts/Widgets/GoogleMap', 'Scripts/Widgets/SharedResources', '.', {"language": "de", "showInfo": "1", "locatedAddressIsFromGeocoder": "1", "unlocatedAddress": "Hindenburgstraße 1, 27751 Delmenhorst, Bundesrepublik Deutschland", "zoomLevel": "16", "center": "53.056202,8.679221", "locatedAddressPoint": "53.055454,8.679211", "locatedAddress": "Hindenburgstraße 1, 27751 Delmenhorst, Bundesrepublik Deutschland", "showGoogleBar": "1", "showZoom": "1", "showMarker": "1"});
</script>
Ist an dem Code vielleicht was falsch?
Oder kann mir einer sagen wie und wo ich den Original Code herbekomme? Ich bin grad auf maps.google.com an der entsprechenden Stelle doch ich finde dort keinen Link um die Karte in eine Webseite einzubinden... ?!
Verfasst: 25.02.2010, 00:41
von sandoba
> Ich bin grad auf maps.google.com an der entsprechenden Stelle doch
> ich finde dort keinen Link um die Karte in eine Webseite einzubinden... ?!
Nach der gewünschten Adresse suchen, rechts oben dann auf "Link" klicken, dann auf "Eingebettete Karte anpassen und Vorschau anzeigen" und auf der folgenden Seite kann der Code für eine Einbindung von Google Maps per iFrame angepasst werden.
Verfasst: 25.02.2010, 00:44
von vipa
Wenn es wirklich nur um den einen Standort geht, empfehle ich Google Static Maps
-
https://code.google.com/apis/maps/docum ... taticmaps/
