javascript - 如何在 jVectorMap 中添加标记？

Question

我是 jVectorMap 的新手。我已经从链接中获得了谷歌地图:http://codepen.io/anon/pen/RPjJYb .我正在尝试向这张 map 添加标记。我尝试了以下代码，但无法向 map 添加标记:

$('#vmap').vectorMap({
    map: 'usa_en',
    backgroundColor: null,
    color: '#D2D3D4',  //#F58025
    hoverColor: '#754200',
    selectedColor: '#F58025',
    borderColor: '#FFFFFF',
    enableZoom: false,
    showTooltip: false,
    regionsSelectable: true,

    markersSelectable: true,
    markerStyle: {
        initial: {
            fill: 'grey',
            stroke: '#505050',
                "fill-opacity": 1,
                "stroke-width": 1,
                "stroke-opacity": 1,
            r: 5
        },
        hover: {
            stroke: 'black',
            "stroke-width": 2
        },
        selected: {
            fill: 'blue'
        },
        selectedHover: {
        }
    },
    markers: [
         {latLng: [41.8781136,-87.6297982], name: "My marker name",style: {fill: 'yellow'}},
    ],
    onRegionClick: function(element, code)
    {
    alert(code);
    }

});

请帮帮我。提前致谢。

Answer 1

您没有使用 jVectormap，而是使用 jqvmap。我认为它没有实现标记。

你可以切换到 jVectorMap，它有点不同，但它有像这样的标记:http://jvectormap.com/examples/markers-world/

简单演示:http://jsfiddle.net/IrvinDominin/96o28qnh/