+ Start a Discussion
jha.pk5@cloud.comjha.pk5@cloud.com 

Need GoogleMap material

Right now i m working on Google Map project. I need some useful link for pdf and coding related to apex and visual force.

Chamil MadusankaChamil Madusanka

Refer following links

 

http://forceguru.blogspot.com/2012/01/integrating-google-maps-in-salesforce.html

 

http://www.techsahre.blogspot.com/2011/04/sfgmap-salesforce-google-map-jquery.html

 

http://www.techsahre.blogspot.com/2011/09/heat-map-using-google-map-in-salesforce.html

 

If a reply to a post answers your question or resolves your problem, please mark it as the solution to the post so that others may benefit.

Navatar_DbSupNavatar_DbSup

Hi,


Try the below code as referenece:


<apex:page standardController="Account">

<script src="http://maps.google.com/maps?file=api">
</script>

<script type="text/javascript">

var map = null;
var geocoder = null;

var address = "{!Account.BillingStreet}, {!Account.BillingPostalCode} {!Account.BillingCity}, {!Account.BillingState}, {!Account.BillingCountry}";

function initialize() {
if(GBrowserIsCompatible())
{
map = new GMap2(document.getElementById("MyMap"));
map.addControl(new GMapTypeControl());
map.addControl(new GLargeMapControl3D());

geocoder = new GClientGeocoder();
geocoder.getLatLng(
address,
function(point) {
if (!point) {
document.getElementById("MyMap").innerHTML = address + " not found";
} else {
map.setCenter(point, 13);
var marker = new GMarker(point);
map.addOverlay(marker);
marker.bindInfoWindowHtml("Account Name : <b><i> {!Account.Name} </i></b>
Address : "+address);
}
}
);
}
}
</script>
<div id="MyMap" style="width:100%;height:300px"></div>
<script>
initialize() ;
</script>

</apex:page>

 

For more details about google ApI please go through the link below:


https://developers.google.com/maps/documentation/webservices/