function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
santhosh reddy vancha 11santhosh reddy vancha 11 

How to embed google maps through account object by using visual force pages?

Best Answer chosen by santhosh reddy vancha 11
Prashant Pandey07Prashant Pandey07
And try to give correct addresse in billing address...

All Answers

Prashant Pandey07Prashant Pandey07
Hi Santhosh,

Check below link and let me know if this works.

https://eshopsync.com/integrate-google-map-api-salesforce-2/​ 
<apex:page standardController="Account">
<head>
<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var myOptions={ zoom: 15,mapTypeId: google.maps.MapTypeId.ROADMAP,mapTypeControl: false };
var map;
var marker;
var geocoder = new google.maps.Geocoder();
var address ="{!Account.BillingStreet},{!Account.BillingPostalCode}{!Account.BillingCity}, {!Account.BillingState},{!Account.BillingCountry}";
var infowindow = new google.maps.InfoWindow({
content: "<b>{!Account.Name}</b><br>{!Account.BillingStreet}<br>{!Account.BillingCity}, {!Account.BillingPostalCode}<br>{!Account.BillingState}<br>{!Account.BillingCountry}"
});
 
geocoder.geocode( { address: address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK&&results.length) {
if (status != google.maps.GeocoderStatus.ZERO_RESULTS) {
 
//create map
map = new google.maps.Map(document.getElementById("map"), myOptions);
 
//center map
map.setCenter(results[0].geometry.location);
 
//create marker
marker = new google.maps.Marker({
position: results[0].geometry.location,
map: map,
title: "{!Account.Name}"
});
 
//add listeners
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
google.maps.event.addListener(infowindow, 'closeclick', function() {
map.setCenter(marker.getPosition());
});
}
} else {
$('#map').css({'height' : '15px'});
$('#map').html("Oops! {!Account.Name}'s billing address could not be found, please make sure the address is correct.");
resizeIframe();
}
});
 
function resizeIframe() {
var me = window.name;
if (me) {
var iframes = parent.document.getElementsByName(me);
if (iframes&&iframes.length == 1) {
height = document.body.offsetHeight;
iframes[0].style.height = height + "px";
}
}
}
});
</script>
<style>
#map {
font-family: Arial;
font-size:12px;
line-height:normal !important;
height:250px;
background:transparent;
}
</style>
</head>
<body>
<div id="map"></div>
</body>
</apex:page>

--
Thanks,
Prashant
santhosh reddy vancha 11santhosh reddy vancha 11
i already tried with but not displying maps   billing address could not be found, please make sure the address is correct
 
Prashant Pandey07Prashant Pandey07
It worked for me...how are you viewing the page...

--
Thanks,
Prashant
Prashant Pandey07Prashant Pandey07
And try to give correct addresse in billing address...
This was selected as the best answer
santhosh reddy vancha 11santhosh reddy vancha 11
i was getting  correct address bulling address errors
 
santhosh reddy vancha 11santhosh reddy vancha 11
cloud  u provide the code
 
santhosh reddy vancha 11santhosh reddy vancha 11
I'm tried above code Oops! 's billing address could not be found, please make sure the address is correct
Prashant Pandey07Prashant Pandey07
Try this address to test it...
2850 N Main St, Santa Ana, CA 92705

--
Thanks,
Prashant