Google Maps in eine Webseite einbinden
Beispiel für das Einbinden einer Google Maps Karte
Google Maps Beispiel 1
Die Karte wird um einen Marker zentriert, dessen Position wird hierbei nur über Straße, Ort und das Land definiert.
t<script src="http://maps.google.com/maps?file=api&v=2&key=[hier API-key eingeben]"
type="text/javascript"> </script>
<script type="text/javascript">
//<![CDATA[
var map = null;
var geocoder = null;
function initialize() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(51.512001,7.462206), 13);
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
geocoder = new GClientGeocoder();
}
}
function showAddress() {
var address = 'Brückstraße 21 , Dortmund, DE';
geocoder.getLatLng(
address,
function(point) {
if (!point) {
alert(address + " not found");
}
else {
map.setCenter(point, 15);
var marker = new GMarker(point);
map.addOverlay(marker);
}
}
);
}
//]]>
</script>
<body onload="initialize(); showAddress();" onunload="GUnload()">
<div id="map_canvas" style="width: 500px; height: 300px"></div>
</body>
Mehr zum Thema Google Maps
Links zum Thema Google Maps
- API Console Seite -> APE Acces -> Create new Browser Key
Weitere Links für Webmaster
Finden sich in den Kategorien
Webadmin, Onlinewerbung, Artikelverzeichnisse und PR-Portale, Webkataloge, Social Bookmarking,Branchenbücher, Kleinanzeigenportale, Kredit & Finanzen
in meinem kleinen Webverzeichnis.
- 1
- 2
- Alle Seiten
- Erstellt am .