INTEGRATE MAPBOX WITH VISUALFORCE TO CREATE BEAUTIFUL MAP – Part II

by Sudipta Deb | Aug 16, 2015 | integration, javascript, map, mapbox, mobile, visualforce | 0 comments

In continuation to my previous post – INTEGRATE MAPBOX WITH VISUALFORCE TO CREATE BEAUTIFUL MAP – Part I, today, I will play with few attributes from Mapbox to make the map more interactive.

Below are the things I will do –

  • I will add different layers and explain how to toggle between layers.
  • I will add scale control
  • I will add attribution control
  • I will set the location in the map
To understand what is layer and how Mapbox works, I would request you to go through the official Mapbox tutorial @ https://www.mapbox.com/guides/how-mapbox-works/. Since from this post, we will go into deep with Mapbox, so it is better to have your basic clear in terms of how Mapbox works and what are the terminologies they use.

Let’s go directly to the Visualforce Page Mapbox_2 click here
Now if you open the Visualforce page, you will see – 
Clicking on Layer icon, you will see –
Choosing Sudipta First Map, you will see different map like –
Cool!!. There are many more attributes available which you can check from Mapbox Developer resource @ https://www.mapbox.com/mapbox.js/api/v2.2.1/

In my next post, I will explain how you can retrieve geographical data from Salesforce object and show them in map with Mapbox API. Sounds interesting, right!! I am working on this now, very soon I will share the information with you all.

Till then, if you have any feedback, please share with me. Thanks.

Written by

Related Posts

How To Verify API Connection & Perform HTTP Callout in Salesforce Flow

How To Verify API Connection & Perform HTTP Callout in Salesforce Flow

Traditionally, integrating external systems or fetching real-time data from web services within Salesforce Flows has been a multi-step process involving Apex code or external tools. However, the Spring ’24 Release marks a paradigm shift by introducing a built-in capability to validate API connections and execute HTTP callouts seamlessly, all within the intuitive and user-friendly environment of Salesforce Flow.

read more...

0 Comments

Leave a Reply