Question

SO，

我设法使用jVectorMap插件获取自定义地图，我正在尝试添加自定义标记，但是当我按照这里的示例时：http://jvectormap.com/examples/mall/没有任何反应。我只是在代码中遗漏了一些简单的东西吗？

在添加标记之前，这是我的代码：

 //@code_start
      $(function(){
        $('#usmxmap').vectorMap({
          map: 'map',
          regionsSelectable: false,
          markersSelectableOne: true,
          backgroundColor: '#cfdbdd',
          regionStyle: {
            initial: {
      fill: '#5e7073',
      "fill-opacity": 1,
      stroke: 'none',
      "stroke-width": 0,
      "stroke-opacity": 1
      },
      hover: {
      fill: 'black'
      },
      selected: {
      fill: 'yellow'
      },
      selectedHover: {
      }
      },
        });
      });
      //@code_end

产生的JsFiddle： http://jsfiddle.net/73aze/5/

以下是我要添加标记的内容：

//@code_start
      $(function(){
        $('#usmxmap').vectorMap({
          map: 'map',
          regionsSelectable: false,
          markersSelectableOne: true,
          backgroundColor: '#cfdbdd',
          markers: [{
          coords: [60, 110],
          name: 'Escalator 1',
          style: {fill: 'yellow'}
          }],
          regionStyle: {
            initial: {
      fill: '#5e7073',
      "fill-opacity": 1,
      stroke: 'none',
      "stroke-width": 0,
      "stroke-opacity": 1
      },
      hover: {
      fill: 'black'
      },
      selected: {
      fill: 'yellow'
      },
      selectedHover: {
      }
      },
        });
      });
      //@code_end

正如您从jsFiddle（http://jsfiddle.net/Z9u4T/3/）中看到的那样，这只会导致地图消失，我无法确定我所缺少的内容。有什么想法吗？

马卡

Answer 1

}, }); }); //@code_end

必须是

} }); }); //@code_end

Answer 2

jsfiddles中有点混乱。试试this jsfiddle。

这是你的modified second jsfiddle。从github导入raw显然是个问题。我在jvectormap的网页上链接到jquery-jvectormap-1.2.2.min.js，现在它可以正常工作。

将标记添加到jVectorMap

2 个答案: