HTML Embed Code ADD Google Maps Location To Your Site

HTML Embed Code ADD Google Maps Location To Your Site

In this Post We Will Explain About is HTML Embed Code ADD Google Maps Location To Your Site With Example and Demo.Welcome on – Examples, The best For Learn web development Tutorials,Demo with Example! Hi Dear Friends here u can know to How to Add Google Maps to your website Example

In this post we will show you Best way to implement Google Maps Generator – Add Google Map to Website, hear for Adding Google Map on Your Website within 5 Minutes with Download .we will give you demo,Source Code and examples for implement Step By Step Good Luck!.

The HTML (Markup Languages)

First of all, It is simple Main html with the javascript for this web-app.

Also Read :   Angularjs ng-view Event Example

<!DOCTYPE html>
	<title>Add Google Map Location To Your Site</title>
	<link rel="stylesheet" href="">
<div class="live24u container">
	<div class="live24u row">
		<div class="col-sm-8 col-sm-offset-2">
			<h3 class="text-left page-header">Live Google Map Location</h3>
			<div id="map" style="height: 500px; width: 100%;"></div>
function initMap() {
   	var location = {lat:11.679898000000002, lng:104.989802195959997};
   	var map = new google.maps.Map(document.getElementById('map'), {
      	zoom: 4,
      	center: location
    var marker = new google.maps.Marker({
      	position: location,
      	map: map
<!--Include Scripts -->
<script async defer src=""></script>

Setting up simple Location

As We can Display in out javascript, It is a variable location which Data contains the latitude and longitude of simple location.

Edit the Data value of this variable by Our business location’s your latitude and your longitude. We can refer to GPS Coordinates for altitude and longitude.

Make sure to get the some decimal value of Our latitude and longitude.

Also Read :   Load JSON data to Highchart-Highchart Example

Making and Enabling simple API

Next, I am gonna to get simple own Web API and some change the value of simple API KEY in simple javascript.

Step 1. Go to the Google API Console.

Step 2. Create or choose a Project.

Step 3. Trigger Google Library and find for Copy Google Maps JavaScript API.simple Enable this by clicking Enable press button.

Step 4. After that Go back to Google main dashboard and Trigger here Google maps Credentials.

Step 5. On the simple set tabs Create credentials dropdown, choose your project API Key. It will then give We Our main API Key.

Step 6. Simple Copy this app key and change Steps follow the value of key in simple javascript.

Also Read :   Restful insert update edit delete using Angularjs and PHP

Running the App

Run simple web application and We should have the google platform map on Our Web site.So Please Keep note that map javascript load limit is only some Like as a 25,000 per day if We don’t want any billing for this web-app.

You are Most welcome in my youtube Channel Please subscribe my channel. and give me FeedBack.
More Details……
Angularjs Example


I hope you have Got What is How to embed your Google Maps location on your website And how it works.I would Like to have FeedBack From My Blog( readers.Your Valuable FeedBack,Any Question,or any Comments about This Article( Are Most Always Welcome.