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

Create Free Email address Using Your Website Domain with Google Apps

One of the very first things that any web owner likes to do after purchasing a domain is setting up a branded Email address ending with the domain name. Blogger users who  purchase a domain often find it difficult to set the MX records in their webhosting account, thus they don't bother using a branded email address. If your website address is www. example .com then your branded email Id would look like yourname@ example.com . You will be able to access it using the address mail.example.com.  The best thing about todays' tutorial is that we wont be using inefficient webmail services like roundcube, squirrelmail or horde that you often find in your  hostgator  webmail clients. We will be using  Gmail , which means you will manage all emails received at your website's email address straight in your very own custom Gmail account. You can also  create up to 10 email addresses  using your domain without paying a penny with  Google Apps . You wil...
Post a Comment
Read more

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