var default_url = "http://www.hoomondersteuning.nl/kml/locaties.kml.php?5&"; var map; var kmlLayer = null; function initGoogleMap() { KmlParams = $('#GoogleMapControl').serialize(); url = default_url; if (KmlParams != null) { if(KmlParams.substr(0,1) != "&") { url += "&"; } url += KmlParams; } loadKml(url); $('#GoogleMapControl input:checkbox').click( function() { url = default_url; KmlParams = $('#GoogleMapControl').serialize(); if (KmlParams != null) { if(KmlParams.substr(0,1) != "&") { url += "&"; } url += KmlParams; } //alert(url); loadKml(url); }) $('#frm-select-all').click( function() { if($(this).text() == 'Alles selecteren') { $('#GoogleMapControl input:checkbox').attr('checked','checked'); $(this).text('Alle selecties ongedaan maken'); } else { $('#GoogleMapControl input:checkbox').removeAttr('checked'); $(this).text('Alles selecteren'); } KmlParams = $('#GoogleMapControl').serialize(); url = default_url; if (KmlParams != null) { if(KmlParams.substr(0,1) != "&") { url += "&"; } url += KmlParams; } loadKml(url); return false; } ); $('#GoogleMapControl input.submit').hide(); $('#googleMap a, #googleMapSmall a').live('click', function() { $(this).attr('target', '_self'); }); } function GoogleMap() { var latlng = new google.maps.LatLng(52.086046,5.256958); var mapTypes = new Array(); mapTypes.push(google.maps.MapTypeId.ROADMAP); var myOptions = { zoom: 6, center: latlng, mapTypeControl: false, mapTypeId: google.maps.MapTypeId.ROADMAP, navigationControl: true, navigationControlOptions: { style: google.maps.NavigationControlStyle.DEFAULT } }; map = new google.maps.Map(document.getElementById("googleMap"), myOptions); initGoogleMap(); } function GoogleMapSmall() { var lat = $("#googleMapSmallProperties input[name='lat']").val(); var long = $("#googleMapSmallProperties input[name='long']").val(); var content = $("#googleMapSmallProperties #infocontent").html(); var latlng = new google.maps.LatLng(lat, long ); var mapTypes = new Array(); mapTypes.push(google.maps.MapTypeId.ROADMAP); var myOptions = { zoom: 15, draggable: false, center: latlng, mapTypeControl: false, mapTypeId: google.maps.MapTypeId.ROADMAP, streetViewControl: false, navigationControl: true, navigationControlOptions: { style: google.maps.NavigationControlStyle.SMALL } }; map = new google.maps.Map(document.getElementById("googleMapSmall"), myOptions); var locationImage = new google.maps.MarkerImage('http://www.hoomondersteuning.nl/img/pointer_small.png', new google.maps.Size(27, 30), new google.maps.Point(0,0), new google.maps.Point(11,28) ); var locationmarker = new google.maps.Marker({ position: latlng, icon: locationImage, title: 'locatie', map: map, content: content }); var infowindow = new google.maps.InfoWindow({ content: "locatie" }); google.maps.event.addListener(locationmarker, 'click', function() { infowindow.setContent(this.content); infowindow.open(map,this); }); } function loadKml(url) { if(kmlLayer != null) { kmlLayer.setMap(null); } kmlLayer = new google.maps.KmlLayer(url + '&time=1418051281'); google.maps.event.addListener(kmlLayer, "metadata_changed" , function() { bounds = kmlLayer.getDefaultViewport(); map.setCenter(bounds.getCenter(), map.fitBounds(bounds)); setTimeout(function(){ // map.setZoom(Math.min(map.getZoom()+0, 11)); }, 0); }); kmlLayer.setMap(map); } function initGoogleLocatieMap() { KmlParams = $('#GoogleMapControl').serialize(); url = default_url; if (KmlParams != null) { if(KmlParams.substr(0,1) != "&") { url += "&"; } url += KmlParams; } loadLocatieKml(url); } function GoogleLocatieMap() { var lat = $("#GoogleMapControl input[name='lat']").val(); var long = $("#GoogleMapControl input[name='long']").val(); var latlng = new google.maps.LatLng(lat, long); var mapTypes = new Array(); mapTypes.push(google.maps.MapTypeId.ROADMAP); var myOptions = { zoom: 11, center: latlng, mapTypeControl: false, mapTypeId: google.maps.MapTypeId.ROADMAP, navigationControl: true, navigationControlOptions: { style: google.maps.NavigationControlStyle.DEFAULT } }; map = new google.maps.Map(document.getElementById("googleLocatieMap"), myOptions); initGoogleLocatieMap(); } function loadLocatieKml(url) { if(kmlLayer != null) { kmlLayer.setMap(null); } kmlLayer = new google.maps.KmlLayer(url + '&time=1418051281', {preserveViewport : false}); google.maps.event.addListener(kmlLayer, "metadata_changed" , function() { setTimeout(function(){ var lat = parseFloat($("#GoogleMapControl input[name='lat']").val()); var long = parseFloat($("#GoogleMapControl input[name='long']").val()); var latlng = new google.maps.LatLng(lat, long); map.setCenter(latlng); map.setZoom(16); }, 0); }); kmlLayer.setMap(map); }