OpenStreetMap whit markers, colors and others sub layers

[Alex Siler]

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

[Baby Palanidurai]

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.  

Sample link: https://stackblitz.com/edit/zkcuuf?file=index.ts 

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.  

Feedback link:  https://www.syncfusion.com/feedback/7644   

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. 

 

Regards, 

Baby. 

[Alex Siler]

https://stackblitz.com/edit/js-fhkbrm?file=index.js

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.

[Baby Palanidurai]

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.  

 

Feedback link - https://www.syncfusion.com/feedback/8740/ 

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. 

Regards, 

Baby. 

[Baby Palanidurai]

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. 

 

https://www.syncfusion.com/forums/150001/essential-studio-2019-volume-4-release-v17-4-0-39-is-available-for-download 

 

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, 

            shapeValuePath:'shape', 

            colorValuePath:'color', 

            dataSource: [ 

                { latitude: 49.95121990866204, longitude: 18.468749999999998, name:'Europe', color:'red', shape:'Triangle' }, 

       // Add more 

            ] 

        }], 

    }] 

}); 

 

Demo link: https://ej2.syncfusion.com/demos/#/material/maps/marker.html 

 

Screenshot: 

 

 

 

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. 

 

 

Regards, 

Baby. 

[Alex Siler]

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.

https://stackblitz.com/edit/js-kfrbbz?file=index.js

[Baby Palanidurai]

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. 

Screenshot: 

 

 

Kindly revert us, if you have any concerns. 

 

Regards, 

Baby.