In continuation with my previous two posts –
- INTEGRATE MAPBOX WITH VISUALFORCE TO CREATE BEAUTIFUL MAP – Part I
- INTEGRATE MAPBOX WITH VISUALFORCE TO CREATE BEAUTIFUL MAP – Part II
today, I will explain how you can fetch geographic data from Salesforce and accordingly show them in Salesforce.
To start with let me first create an object – Household where I can store geographic information. Below you can find the object details –
Now the Visualforce page – Mapbox Click here
Now when you will open the page you will see the three locations plotted.
In this example, I am using apex:repeat to prepare the GeoJSON data. To understand what is GeoJSON data, below is what Wikipedia stating –
Once the GeoJSON data is ready, I am adding the same with featurelayer –
L.mapbox.featureLayer(geojson).addTo(map);
Finally, I am using the click event to show the Household name when user clicks on the points inside map. The code for that –
//Show popup with information on mouse click
myLayer.on(‘click’,function(e){
e.layer.openPopup();
});
In my next post, I will explain how you can draw geographic areas inside map using Mapbox. Please provide your feedback. Thanks.