Map with GPS coordinates as points on the map

Is there a way to create the following view in a map widget? 

I have GPS coordinates that I should show on a map as points / location pins. Is there a way of achieving this?

Eric

Attachment: MapWithGPSCoordinatesAsPoints_cf0d6ad5.zip

6 Replies

AB Arasuraja Balakrishnan Syncfusion Team August 29, 2018 11:13 AM UTC

Hi Eric, 

Thanks for contacting Syncfusion Support. 

Currently we do not have support to mark GPS coordinates as points in our built-in Dashboard Map widget. But this requirement can be achieved through custom widget support by adding the Google Map as a custom widget for Dashboard. We will provided you the sample Google Map custom widget by 31st August 2018. 

Note: Google Key for Google Map should be generated from your end to render it. To generate the google key refer the link

Please let us know if you have any concerns, 

Thanks, 
Arasuraja B. 



EK Eric Kok August 29, 2018 02:28 PM UTC

OK, that is nice! Can I also do this based on Leaflet/OpenStreetMaps? Google starts charging above a certain activity-level nowadays... 

Eric


AB Arasuraja Balakrishnan Syncfusion Team August 30, 2018 10:48 AM UTC

Hi Eric, 

Yes. Your requirement can also be achieved via Leaflet Map. We will provide you the Leaflet Map custom widget instead of Google Map on or before 4th September 2018.  

Thanks, 
Arasuraja B. 



PH Pedro Hernández August 30, 2018 02:01 PM UTC

Dear Syncfusion Team

I Want it too

Please ....


AB Arasuraja Balakrishnan Syncfusion Team August 31, 2018 06:10 AM UTC

Hi Eric, 
 
Thanks for the update. 
 
We have prepared a Google Map Custom Widget for your requirement to pin point a region in the map using the latitude and longitude points. Please follow the below steps to import and use the Google Map custom widget in the Dashboard Application. We will also provide you the Leaflet Map custom widget within 2 business days as promised before. 


Step 1 : Need to generate the google map key through the link. 
Step 2: Manually need to unzip the GoogleMap.sycw package (need to change the extension as .zip to unzip the package) to replace it with the Key generated from their google account in the widgetconfig.json file. 



 

Step 3: After replacing the key in the widgetconfig.json, they need to zip all the below folder and then change extension as .sycw as in the below screen shots. 
 


 
Step 4: After converting it in to .sycw extension, Google Map widget can be imported in the Dashboard Designer and used like the built-in widgets. For information refer the link

Step 5: Binding the data to the Google Map as like below after importing it in the Dashboard Designer. 
 
 
 
 
 

Thanks, 
Arasuraja B. 



AB Arasuraja Balakrishnan Syncfusion Team September 5, 2018 04:47 AM UTC

Hi Eric, 
 
Thanks for the patience. 
 

We have prepared the Leaflet Map custom widget as per your requirement  “ Plot pins on a map based on longitude & latitude ”. Please find the custom widget below.

Leaflet Map Custom Widget: http://www.syncfusion.com/downloads/support/directtrac/213809/ze/LeafletMap3318202

Please refer the below help documentation to know how to import the custom widget into Designer,

https://help.syncfusion.com/dashboard-platform/dashboard-designer/compose-dashboard/configuring-and-formatting-dashboard-widgets/custom-widget#importing-widget-in-designer

After importing Leaflet Map custom widget into Dashboard Designer bind the data to the Leaflet Map as like below.

           

 
Thanks, 
Arasuraja B. 


Loader.
Up arrow icon