You have to get a API key from google to use a maps. Than you will have do something like:
HTML Code:
<script src="http://maps.googleapis.com/maps/api/js?key=YOUR KEY IS HERE&sensor=FALSE">
</script>
It is an implementing the maps for your web page.
Than you have to add your map on web page:
HTML Code:
<script>
var your_position= new google.maps.LatLng(latitude, longtitude);
function init(){
var set_map= {
center: your_position,
zoom: 3, // it is map zoom, choose how you need
mapTypeId: google.maps.mapTypeId.TYPE // you can choose ROADMAP,SATELLITE,HYBRID and I think there was one more type but I don't remember now
};
var map = new google.maps.map(document.getElementById('google_map'), set_map);
var marker = new google.maps.marker({
position:your_position,});
marker.setmap(map);
}
<html>
<body onLoad="init()">
<div id="google_map"></div>
</body>
</html>
It should look like that. I'm not sure is it working well, because I didn't use it from ages. If something will be wrong just tell me.
Great feature for all business websites
Reply With Quote
Bookmarks