function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
Newbie2013Newbie2013 

Google Maps to display members within 10 miles - Pls Help

I need the google map to display all members within 10 mi of the current member. I was able to successfully able to display the current member location, can someone please help me beyond that?? Here is the code I am using:

 

<apex:page standardController="Mem__c">

<head>

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=abc&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 = "{!mem__c.Address__c}, " + "{!Mem__c.City__c}, " + "{!Mem__c.Zipcode__c}, ";

var infowindow = new google.maps.InfoWindow({
content: "<b>{!Mem__c.Address__c}, " + "{!Mem__c.City__c}, " + "{!Mem__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: "{!Members__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! {!Members__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>

Ashish_SFDCAshish_SFDC

Hi Newbie 2013, 

 

Try the Free App by Salesforce labs, https://appexchange.salesforce.com/listingDetail?listingId=a0N30000001gpWhEAI

 

Regards,

Ashish