<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps JavaScript API v3 Example</title>
<!-- @refence http://code.google.com/intl/nl-NL/apis/maps/documentation/v3/examples/
//old code from google => http://www.google.com/apis/maps/signup.html
//http://www.googlegeodevelopers.blogspot.com/2009/05/announcing-google-maps-api-v3.html
function initialize() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(35.681382, 139.766084), 1);
var opts = { text : "Hello! I'm a PopupMarker."};
var marker = new PopupMarker(new GLatLng(35.681382, 139.766084), opts);
map.addOverlay(marker);
}
}
-->
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript">
var geocoder;
var myCars=new Array();
var Mgoogle = google.maps;
var map;
var infowindow = new Mgoogle.InfoWindow({content:'<div id="content"><h1>test</h1>testdoc</div>'});
function initialize(){
var Gmapid = document.getElementById("map");
geocoder = new Mgoogle.Geocoder();
//geocoder = new GClientGeocoder();
var myLatlng = new Mgoogle.LatLng(-25.363882,131.044922);
var myOptions = {zoom:8,center:myLatlng,mapTypeId: Mgoogle.MapTypeId.ROADMAP}
map = new Mgoogle.Map(Gmapid, myOptions);
setadresmarker("gent","BE","tzoe ier moeten zijn ");
if (GBrowserIsCompatible()){
map = new GMap2(Gmapid, {draggableCursor:"crosshair"});
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.addControl(new GScaleControl());
for(var i=0;(i<Items.length&&typeof(Items[i])!="undefined");i++){
setadresmarker2(Items[i][0],Items[i][1],Items[i][2]);
}
//setmousewheel('map');
}
}
function setadresmarker(address,country,text){
if (geocoder){
geocoder.geocode( { 'address': address},
function(results, status) {
if (status == Mgoogle.GeocoderStatus.OK) {
map.setCenter(results[0].geometry.location);
var marker = getnewmarker();
}
});
}
}
function setadresmarker2(adres,country,text){
if (geocoder){
geocoder.getLatLng(adres+" "+country,
function(point){//als het adres niet gevonden is
if (point){
map.setCenter(point,18,G_HYBRID_MAP);
var marker = new GMarker(point);
map.addOverlay(marker);
marker.openInfoWindowHtml(text);
}
}
);
}
}
function getnewmarker(){
return new Mgoogle.Marker({map: map, position: results[0].geometry.location});
}
function zoom(oEvent, s){
if(s == -120){map.zoomOut();}
if(s == 120){map.zoomIn();}
}
function setmousewheel(id){
var d = document.getElementById(id);
try {
if (document.body.addEventListener){
d.addEventListener('DOMMouseScroll', function(oEvent) {zoom(oEvent, oEvent.detail * -40); }, false);
}else{
d.onmousewheel = function() { zoom(event, event.wheelDelta); return false; }
}
}catch (ex) {
}
}
var marker = new Mgoogle.Marker({position: myLatlng,map: map,title: 'test'});
Mgoogle.event.addListener(marker, 'click', function(){infowindow.open(map,marker);});
</script>
</head>
<body style="margin:0px; padding:0px;" onload="initialize()">
<div id="map" style="width: 100%; height: 400px">
</div>
</body>
</html>
