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

Make $2000 a Month With STCnetwork's Affiliate Program

As promised we have shared our affiliate program details with everyone.   STCnetwork  has been developing quality products for over 7 years. STCnetwork is Pakistan's first registered company of Professional Bloggers and SEO consultants which pays regular Income Tax and has a permanent  local office . We offer Web Services and Web Solutions to clients around the globe. We are group of tech-savvy computer engineers and programmers who wish to contribute to web through the knowledge that we have acquired over this long period of learning. So far all our services and products were offered for a selective group of sole proprietors but from 2016 we have decided to disclose some of our premium products  for everyone online at an affordable cost. We strongly believe that no business can sustain on its own without a helping hand. We surely believe in affiliate marketing and the immense sale support provided by affiliates who spend as much efforts in publicizing pr...
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