Portal of all Blogger widget, Airtel USSD Codes, Facebook Hack, Free Internet Tips, PC and Blogger Tricks

Breaking

Thursday, 3 September 2015

How to create Custom Google Map for Your Place

My google place
Create Local Place on Google Map

Google map is a platform used to search place. It is very popular map used by million of people over world.
Today I tell you How to bookmark your Local place on Google map and show your place on your website.


For this copy following Html text and paste wherever you want Google map.

<html>
<head>
<script src="http://maps.googleapis.com/maps/api/js"></script>
<script>
function loadMap() {
   var mapOptions = {
   center:new google.maps.LatLng(17.609993, 83.221436),
   zoom:12, mapTypeId:google.maps.MapTypeId.ROADMAP   };
  var map=new google.maps.Map(document.getElementById("sample"),mapOptions);
}
google.maps.event.addDomListener(window, 'load', loadMap);
</script>
</head>
<body>
<div id="sample" style="width:580px;height:400px;"></div>
</body>
</html>

Customization

1. You can change width and height as you like.
2.Change maptypeid(I have used RoadMap) as you like in following way-
ROADMAP (normal, default 2D map)
SATELLITE (photographic map)
HYBRID (photographic map + roads and city names)
TERRAIN (map with mountains, rivers, etc.)

No comments:

Post a Comment

Notice: Don't add "backlink". Text with Link will automatically Removed.