10bestdesign / jqvmap

jQuery Vector Map Library
https://www.10bestdesign.com/jqvmap/
Other
1.82k stars 681 forks source link

Map does not plot markers #350

Open ghost opened 4 years ago

ghost commented 4 years ago

Using the examples of the documentation, the map does not show any markers.

The code is as follows:

<div id="myMap"></div>

<!--MAP-->
<script src="http://ci4.com/plugins/jqvmap//jquery.vmap.js"></script>
<script src="http://ci4.com/plugins/jqvmap/maps/jquery.vmap.world.js"></script>
<script>
$(function () {
$('#myMap').vectorMap({
map: 'world_en',
scaleColors: ['#C8EEFF', '#0071A4'],
color: '#5DA3CD',
backgroundColor: 'transparent',
hoverColor: '#3b8bba',
markerStyle: {
initial: {
fill: '#F8E23B',
stroke: '#383f47'
}
},
markers: [
{
latLng: [41.90, 12.45],
name: 'name_1'
},
{
latLng: [43.73, 7.41],
name: 'name_2'
},
{
latLng: [-0.52, 166.93],
name: 'name_3'
},
{
latLng: [-8.51, 179.21],
name: 'name_4'
},
{
latLng: [-8.51, 179.21],
name: 'name_5'
},
],
});
});
</script>