Simple Jquery Plugin: Get current location javascript

Create only index.html

<!DOCTYPE html>
<html>
<head>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false" type="text/javascript"></script>
<script type="text/javascript">
var map;

</script>
</head>
<body>
<div id="map-canvas" style="width:50%;height:300px"></div>
<button onClick="getLocation()">Get Current Location</button>
<p id="demo"></p>
<script>
var x = document.getElementById("demo");

}

function showPosition(position) {
var center=new google.maps.LatLng(position.coords.latitude,position.coords.longitude);
options={center: center, zoom:8, mapTypeId: google.maps.MapTypeId.ROADMAP};
map= new google.maps.Map(document.getElementById("map-canvas"),options);

marker= new google.maps.Marker({position:center,map:map});
//marker.setMap(map);
}
window.onload=getLocation()
//addMarker();
</script>
</body>
</html>

Friday, 21 August 2015

Get current location javascript

Create only index.html

No comments:

Post a Comment