Skip to main content

How To Add Google Map To Your Website


Google is making lot of changes in every Field like in advertising,keyword density etc,now they also bring lot of changes in his search engines polices also,now according to the new polices of Google,they award author page rank according to Google map placing in the website,forGoogle Map just like human Google Crowsers also noted visitor location,and information.

How Google Improve Your Business Through Google Map

Google Will Improve Your Business through Google Map on the Following Ways.

Your Placement and information is Correct

Google Will promote your website or business category wise if you place your business information correct in it then it will improve it in same category wise,thus your business will be more improved.

Business review in Google Map

Adding Google Map Play key role in your website.if you placed your information in Google map,user will easily search & find it in Google map,which is very beatifical.

Choose best Quality of Back links

Back links means getting links from other websites,and is very essential thing for getting high page rank from Google,if you focus on increasing high quality of back links you will get more success.

Your contact information is same with GoogleMap

Google will compare your contact information with Googlemap information,so for this you need to update your location in website sitting.

How To Generate Google Map For your Webpage

For the creating Google map in your website you don,t need any software are any strick idea you will need,
Text editor generally Notepad, Notepad++, word pad but lot of peoples uses notepad because it is very famous and best and easily available in all windows,Web browser google.chrome ,opera, internet.expolrer, safari, Mozila Firfox lot of browser are available in different platform but these are best and Google.chrome is best in all of these.

Set HMTL codes for importing Google Map in your website

1) Basic HTML5 page
Every Html code is lies between these codes
<!DOCTYPE html>
<html>
<head></head>
<body>
</body>
</html>
2) Add div tag in body
Add div tag and putid=”map_canvas” in it
<!DOCTYPE html>
<html>
<head></head>
<body>
<div id=”map_canvas”></div></body>
</html>
3) Set the size of map and colour
Generraly width is 400px and
height is 300px
for colour you CSS like
background-color: #frd;
4) Load Api and create and configure the Map
For API use javascripe code <script></script>
and put src=”https://maps.googleapis.com/maps/api/js?sensor=false”> in it
5) Final code
After adding all the tages and scriptes you will get this one
as a final as complete code of google map
<!DOCTYPE html>
<html>
<head>
<style>
#map_canvas {
width: 400px;
height: 300px;
}
</style>
<script src=”https://maps.googleapis.com/maps/api/js?sensor=false”></script>
<script>
function initialize() {
var map_canvas = document.getElementById(‘map_canvas’);
var map_options = {
center: new google.maps.LatLng(44.5403, -78.5463),
zoom: 8,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(map_canvas, map_options)
}
google.maps.event.addDomListener(window, ‘load’, initialize);
</script>
</head>
<body>
<div id=”map_canvas”></div>
</body>
</html>
Now look in preview of your website you have fully functional Google map on your website.


03How Google Improve Your Business Through Google Map

Google Will Improve Your Business through Google Map on the Following Ways.

Your Placement and information is Correct

Google Will promote your website or business category wise if you place your business information correct in it then it will improve it in same category wise,thus your business will be more improved.

Business review in Google Map

Adding Google Map Play key role in your website.if you placed your information in Google map,user will easily search & find it in Google map,which is very beatifical.

Choose best Quality of Back links

Back links means getting links from other websites,and is very essential thing for getting high page rank from Google,if you focus on increasing high quality of back links you will get more success.

Your contact information is same with GoogleMap

Google will compare your contact information with Googlemap information,so for this you need to update your location in website sitting.

How To Generate Google Map For your Webpage

For the creating Google map in your website you don,t need any software are any strick idea you will need,
Text editor generally Notepad, Notepad++, word pad but lot of peoples uses notepad because it is very famous and best and easily available in all windows,Web browser google.chrome ,opera, internet.expolrer, safari, Mozila Firfox lot of browser are available in different platform but these are best and Google.chrome is best in all of these.

Set HMTL codes for importing Google Map in your website

1) Basic HTML5 page
Every Html code is lies between these codes
<!DOCTYPE html>
<html>
<head></head>
<body>
</body>
</html>
2) Add div tag in body
Add div tag and putid=”map_canvas” in it
<!DOCTYPE html>
<html>
<head></head>
<body>
<div id=”map_canvas”></div></body>
</html>
3) Set the size of map and colour
Generraly width is 400px and
height is 300px
for colour you CSS like
background-color: #frd;
4) Load Api and create and configure the Map
For API use javascripe code <script></script>
and put src=”https://maps.googleapis.com/maps/api/js?sensor=false”> in it
5) Final code
After adding all the tages and scriptes you will get this one
as a final as complete code of google map
<!DOCTYPE html>
<html>
<head>
<style>
#map_canvas {
width: 400px;
height: 300px;
}
</style>
<script src=”https://maps.googleapis.com/maps/api/js?sensor=false”></script>
<script>
function initialize() {
var map_canvas = document.getElementById(‘map_canvas’);
var map_options = {
center: new google.maps.LatLng(44.5403, -78.5463),
zoom: 8,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(map_canvas, map_options)
}
google.maps.event.addDomListener(window, ‘load’, initialize);
</script>
</head>
<body>
<div id=”map_canvas”></div>
</body>
</html>
Now look in preview of your website you have fully functional Google map on your website.

Comments