Auch wenn es aus Performance Sicht nicht sonderlich schön ist und man von Paris über London nach Rom reist, ich habs jetzt einfach nur mit der Google-Maps-Api gemacht:
Code:
<div id="map_canvas" style="width:100%;height:200px; margin-top:20px;"></div>
<script type="text/javascript">// <![CDATA[
$(document).ready(function(){
var myOptions = {
center: new google.maps.LatLng(53.98718, 11.43539),
zoom: 10,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var addressArray = new Array("<?php echo $arrItem['text']['strasse']; ?>, <?php echo $arrItem['text']['ort']; ?>, Deutschland");
var geocoder = new google.maps.Geocoder();
for (var i = 0; i < addressArray.length; i++) {
geocoder.geocode( { 'address': addressArray[i]}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
var marker = new google.maps.Marker({
map: map,
position: results[0].geometry.location,
});
} else {
$('#map_canvas').hide(); // das funktioniert so noch nicht
}
});
}
});
// ]]></script>
Lesezeichen