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

Post a Comment

Popular posts from this blog

12 Things to Do Before Applying for Google AdSense + FREE Bonus Checklist

So, you want to apply for Adsense to make some money from your blog and enjoy the life you always dream of? Who does not anyway? That’s the dream of every blogger to get AdSense approved. But, wait.. I’ve to tell you something. That’s not easy. Google AdSense is very strict when it comes to approving new application. Everyone is trying to trick AdSense to get approved so they have made the process very hard. Don’t worry.  You’re not alone. In this article, I’m going to share with you everything that you need to do before applying for Google AdSense program to actually get approve. Some common questions that you may have about Google AdSense are… How to apply for Google AdSense? Does my blog qualify for AdSense or not? Am I eligible to apply for Google AdSense? What are Google AdSense requirements? Why Google AdSense rejected my application? What to do if Google AdSense reject my application? This post is going to answer all your questions ...
Post a Comment
Read more

Turn Your Blog into an Income Machine with These Quick Tips

There was a time when a blog was something only super-nerds maintained. Getting online was tough, expensive and had not much real returns for the average Joe. The last decade has changed all of that. We’ve seen the internet go from being a curiosity to a necessity. Communication methods that we never imagined could exist are now integral parts of our lives. Most importantly, the internet has become a place where new ventures can achieve multi-billion dollar statures in a matter of months – something that most definitely was not the case a decade ago. Here are six strategies for you to pick from and get started on building your own empire. Run PPC Ads Advertising is the easiest and quickest way to monetize a blog. Not every blog will earn thousands of dollars in ad revenue per month, but even a small start is a step in the right direction. You can pick from a variety of ad formats – text link ads, display ads or even paid content ads. Each time a visitor on your site cli...
Post a Comment
Read more

How to Make Money Guest Blogging For Bloggers

If  you are looking for  how to make money guest blogging  then in this post I am going to share best tips and practices to  make money guest blogging  and at the same time increase your authority and get more exposure. Many freelancers are using guest blogging to make handsome amount of money online while others are making a living by doing this So if you are good at writing or have an expertise in your niche or topic then you can use guest posting to make decent amount of money online by selling your writing skills and believe me it’s works because generally larger blogs needs more frequent updates and usually they hire content writers and freelancers to do the job for them because they regularly want to keep their blog or website updated with fresh and unique content so that they get more traffic, sales and regularly keep their loyal readers visiting their blog to read fresh and unique content. Read –  Guest Blogging Tips So they usually pay a goo...
Post a Comment
Read more