Wednesday, 16 September 2015

make a circle of a place in google maps

<html>
<head>
<script
src="http://maps.googleapis.com/maps/api/js">
</script>
<script>
function loadMap(){
   var mapProp = {
     center:new google.maps.LatLng(26.9509557,93.8586473),
     zoom:5,
     mapTypeId:google.maps.MapTypeId.ROADMAP
   };

   var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);  
   var myCity = new google.maps.Circle({
      center:new google.maps.LatLng(26.9509557,93.8586473),
      radius:150600,
      strokeColor:"#B40404",
      strokeOpacity:0.6,
      strokeWeight:2,
      fillColor:"#B40404",
      fillOpacity:0.6
  });
   myCity.setMap(map);
}
</script>
</head>
<body onload="loadMap()">
<div id="googleMap" style="width:580px;height:400px;"></div>
</body>
</html>
Posted by at No comments:

locate and embed your own place in webpage with details of place

<html>
<head>
<script src="http://maps.googleapis.com/maps/api/js"></script>
<script>
function loadMap() {
   var mapOptions = {
      center:new google.maps.LatLng(26.9509557,93.8586473),
      zoom:5
   }
   var map=new google.maps.Map(document.getElementById("sample"),mapOptions);
   var marker = new google.maps.Marker({
      position: new google.maps.LatLng(26.9509557,93.8586473),
      map: map,
 draggable:true,
      icon:'myicon.png'
   });  
   marker.setMap(map);
   var infowindow = new google.maps.InfoWindow({
   content:"NH-52, North Lakhimpur, Assam, India"
  });
infowindow.open(map,marker);
}
</script>
</head>
<body onload="loadMap()">
<div id="sample" style="height: 400px; width: 580px;">
</div>
</body>
</html>
Posted by at No comments:

how to get the sign of rupee (Indian) in a webpage using HTML

<html>
<head>

<link href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet"></link>

<style>
i.custom {font-size: 6em; color: red;}
</style>

</head>
<body>
<i class="fa fa-inr custom"></i>
</body>
</html>
<!--
--!>
Posted by at No comments:
Subscribe to: Posts (Atom)