We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

OpenStreetMap whit markers, colors and others sub layers

Hello, how would it be possible to use the OpenStreetMap together with markers and color mapping. You can currently color and add the markers. But if I also want to add the OpenStreer the map stops working. The demos they provide are not working in stakblitz. In the component I am designing the map can be any of those in Maps_GeoJSON. regards

6 Replies

BP Baby Palanidurai Syncfusion Team September 6, 2019 12:37 PM UTC

Hi Alex, 

Greetings from Syncfusion. 

We have analyzed your query. We can add the marker for OSM type maps. As of now, we are having fill property to customize the marker fill colors.  

In addition, we have also planned to provide support for customizing the color/shape of each individual marker in the same group by binding values from the data source. You can keep track of the feature from the below feedback. Please cast your vote to make it count. We will prioritize the features of every release based on the demands.  

If you have any more specification or a scenario to be tested, you can add it as a comment in the portal.   
If the above doesn’t meet your requirement, kindly revert us with more details about your requirement which will be helpful in furthermore analysis and provide you the solution sooner. 

AS Alex Siler September 6, 2019 06:23 PM UTC

In this playground on April 26 I had done a test of doing color mapping next to an open street map. The map has both layers; the open street layer and the Uruguay map layer. In this last layer I put the markers and the color ranges. Currently, the open street layer overwrites the color layer. With the latest version of ej2 this no longer works. Can you help me solve it? Thank you.

BP Baby Palanidurai Syncfusion Team September 9, 2019 11:09 AM UTC

Hi Alex, 

Sorry for the inconvenience.  

We have analyzed your query. We are able to reproduce the reported issue at our end. So, we have created a feedback for this, and we will resolve this issue in our upcoming volume 3 main release, which is expected to be roll out at end of September 2019.  

The provided feedback link is private, and you need to login to view this feedback 
If you have any more specification/precise replication procedure or a scenario to be tested, you can add it as a comment in the portal 
Please let us know if you have any concerns. 


BP Baby Palanidurai Syncfusion Team December 18, 2019 12:47 PM UTC

Hi Alex,  
Thanks for your patience. 
We are glad to announce that our Essential Studio Volume 4, 2019 release (v17.4.0.39) is rolled out and is available for download under the following link. 
We have included the feature binding color/shape for markers in maps. 
The location on the map is marked by different marker shapes using `shapeValuePath` property in `markerSettings`. Based on the field name in the data source bind the value to the `shapeValuePath` property. Also, you can customize the marker shape color by binding the color value field name in the data source to the `colorValuePath` property in `markerSettings`. 
Please refer the below code snippet.  

let map: Maps = new Maps({ 
    layers: [{ 
        shapeData: world_map, 
        markerSettings: [{ 
            visible: true, 
            dataSource: [ 
                { latitude: 49.95121990866204, longitude: 18.468749999999998, name:'Europe', color:'red', shape:'Triangle' }, 
       // Add more 
We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance. 

AS Alex Siler December 23, 2019 01:58 PM UTC

Hello, I would like to know if it is possible to use the tooltip when there is an OSM layer. I leave you the example of stackblitz.

BP Baby Palanidurai Syncfusion Team December 24, 2019 05:04 PM UTC

Hi Alex, 
Thanks for your update. 
We have analyzed your query. We couldn’t provide tooltip support for tile layers. But you can use tooltip shape data as sub layer for tile layers. 
In your sample, use tooltip only for shape layers and tooltip is working fine. 
Kindly revert us, if you have any concerns. 

Live Chat Icon For mobile
Up arrow icon