<!--
Available Classes
.map-grayscale
* please note how phone uses the quotes
because using " or ' will invalidate the json
The same can be used for class=`...` and href=`...`
You can add multiple markers separated by comma.
Please note: the format is very important!
Including commas, must be exactly the same!
If no map_popup is needed, leave it empty.
"map_popup": ""
Predefined Tiles:
data-map-tile="gray"
data-map-tile="carto"
data-map-tile="voyager"
data-map-tile="hot"
data-map-tile="" (default)
Custom Tile:
data-map-tile-custom="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
Free tiles: https://leaflet-extras.github.io/leaflet-providers/preview/
Copy L.tileLayer and paste here to use (the string only, ending in .png).
-->
<div class="map-leaflet w-100 rounded" style="height:500px"
data-map-zoom="9"
data-map-json='[
{
"map_lat": 40.750765,
"map_long": -73.993428,
"map_popup": "<b>Smarty Inc.</b> <br> Road 741, No.44,<br> New York / United States <br> <a href=`tel:015555555`>(01)-555-5555</a>"
},
{
"map_lat": 40.750765,
"map_long": -73.093428,
"map_popup": "Smarty Inc2."
}
]'
><!-- map container--></div>