Category / Section
How to render bubbles in the map?
1 min read
To render bubbles in the map, follow the steps given:
Step 1:
Create a map sample and include the necessary script files.
Step 2:
You can render the bubbles for visualizing the underlying data values of the map by enabling the API showBubble in the bubbleSettings and also by providing the valuePath API in the bubbleSettings to fetch the field data value needed for each bubble.
JS
bubbleSettings: {
showBubble:true,
valuePath: "population"
}
JS
<script type="text/javascript">
jQuery(function ($) {
$("#maps").ejMap({
layers: [
bubbleSettings: {
. . .
showBubble:true,
valuePath: "population"
. . .
}
],
});
});
</script>
The following screenshot shows the bubbles:
Sample Links:
https://help.syncfusion.com/ug/js/default.htm#!documents/mapelements.htm
