You need to sign in to do that
Don't have an account?
Newbie2013
Displaying distance between two points in Google Maps integrated with salesforce
I just designed a VisualForce page from all the tutorials to display member address in google maps within Salesforce.
Now, I have another opject which is linked as lookup to the Member object. I just need to display the distance or atleast the two data points on google maps. Can anyone modify my code to help me do this? It would be a great help.
<apex:page standardController="Member__c"> <head> <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=MY KEY&sensor=false"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { var myOptions = { zoom: 20, mapTypeId: google.maps.MapTypeId.HYBRID, mapTypeControl: true } var map; var marker; var geocoder = new google.maps.Geocoder(); var address = "{!Member__c.Address__c}, " + "{!Member__c.City__c}, " + "{!Member__c.Zipcode__c}, "; var infowindow = new google.maps.InfoWindow({ content: "<b>{!Member__c.Address__c}, " + "{!Member__c.City__c}, " + "{!Member__c.Zipcode__c}," }); 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: "{!Member__c.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! {!Member__c.Name}'s 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>