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

  1.  API Console Seite -> APE Acces -> Create new Browser Key

Weitere Links für Webmaster

Finden sich in den Kategorien

WebadminOnlinewerbungArtikelverzeichnisse und PR-PortaleWebkatalogeSocial Bookmarking,BranchenbücherKleinanzeigenportaleKredit & Finanzen

in meinem kleinen Webverzeichnis.

 

 

 
Cookies erleichtern die Bereitstellung unserer Dienste. Mit der Nutzung unserer Dienste erklären Sie sich damit einverstanden, dass wir Cookies verwenden.
Weitere Informationen Ok