Google maps

[edsanimate_start entry_animation_type= “flipInX” entry_delay= “1” entry_duration= “2” entry_timing= “ease-in” exit_animation_type= “” exit_delay= “” exit_duration= “” exit_timing= “” animation_repeat= “1” keep= “yes” animate_on= “load” scroll_offset= “” custom_css_class= “”]

This tag links Google maps to your site. You can easily identify your location.

Sample code

<!DOCTYPE html>

<html>

<head>

<meta name=”viewport” content=”initial-scale=1.0, user-scalable=no”>

<meta charset=”UTF-8″>

<title>Google maps</title>

<style>

#map {

height: 100%;

}

html, body {

height: 100%;

margin: 0; padding: 0;

}

</style>

</head>

<body>

<div id=”map”></div>

<script>

function initMap() {

var myLocation = {lat: 10.7771900, lng: 78.702758878};

var map = new google.maps.Map(document.getElementById(‘map’), {

zoom: 4,

center: myLocation

});

var marker = new google.maps.Marker({

position: myLocation,

map: map,

title: ‘bytatek’

});

}

</script>

<script async defer

src=”https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap”>

</script>

</body>

</html>

For the above code you have to get API key from Google by registration. You have to get Gmail id and sign in Gmail to get your API id for various uses.

[edsanimate_end]