Google maps Simple Map Marker
based on http://jsfiddle.net/Shreerang/6VWuT/
by mika Audel
HTML
<html>
<head>
<title>Google Maps API v3 - Simple marker example
</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false">
</script>
<script type="text/javascript">
<!--Insert the Javascript below here in case you want to try this code.-->
</script>
</heaad>
<body onload="initialize()">
<div id="map" style="width: 500px; height: 300px">
</div>
<label><input type="checkbox" id="kml"> kml</label>
<label><input type="checkbox" id="autre">autre</label>
</body
</html>
JavaScript
var map;
function initialize()
{
var myLatLng = new google.maps.LatLng(28.617161,77.208111);
map = new google.maps.Map(document.getElementById("map"),
{
zoom: 17,
center: myLatLng,
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var marker = new google.maps.Marker(
{
position: myLatLng,
map: map,
title: 'Rajya Sabha'
});
}
var georssLayer;
var autre;
console.log(georssLayer);
$('input').change(function(){
if($('#kml').prop('checked'))
{
if(georssLayer == undefined){
georssLayer = new google.maps.KmlLayer({
url: 'http://api.flickr.com/services/feeds/geo/?g=322338@N20&lang=en-us&format=feed-georss'
});
georssLayer.setMap(map);
}
}
else
{
if(georssLayer != undefined)
{
georssLayer.setMap(null);
georssLayer = undefined;
}
};
if($('#autre').prop('checked') && autre == null)
{
if(autre == undefined)
{
autre = new google.maps.KmlLayer({
url:'http://world.wildlife.adventures.googlepages.com/wildlife-national-parks-india.kml'});
autre.setMap(map);
}
}
else
{
autre.setMap(null);
autre = undefined;
}
})