Javascript 如何在地图中显示不同颜色的点/气泡？_Javascript_Jquery

Javascript 如何在地图中显示不同颜色的点/气泡？

javascript jquery

Javascript 如何在地图中显示不同颜色的点/气泡？,javascript,jquery,Javascript,Jquery,我正试图制作一张图表，如下所示所以我用谷歌搜索了一下，从这个网站上找到了一个例子我可以制作图表或地图。但我有一个问题，我想在图表或地图中显示气泡，如图（红色和绿色或橙色气泡）我们可以在地图中显示此气泡吗？我可以使用不同的图书馆吗？或者有没有办法在这个插件中添加气泡这是我的密码 jQuery（“#vmap”）.vectorMap({ 地图：“美国”，背景颜色：空，颜色：“#eeeeee”，悬停颜色：“#999999”，所选颜色：“#666666”， enableZoom:tru

我正试图制作一张图表，如下所示

所以我用谷歌搜索了一下，从这个网站上找到了一个例子我可以制作图表或地图。但我有一个问题，我想在图表或地图中显示气泡，如图（红色和绿色或橙色气泡）我们可以在地图中显示此气泡吗？我可以使用不同的图书馆吗？或者有没有办法在这个插件中添加气泡

这是我的密码


jQuery（“#vmap”）.vectorMap({
地图：“美国”，
背景颜色：空，
颜色：“#eeeeee”，
悬停颜色：“#999999”，
所选颜色：“#666666”，
enableZoom:true，
showTooltip:true，
所选区域：['MO'，'FL'，'或']
});

我能够显示所选区域。所选背景区域为深灰色。我需要显示气泡，而不是背景色

任何更新

planker链接不起作用，正在起作用，请再次检查。。

  <!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
      <script src="https://code.jquery.com/jquery-1.11.3.js"></script>
          <script src="https://dl.dropboxusercontent.com/s/ysjcoz5ags6r0dh/jquery.vmap.js?dl=0"></script>

    <script src="https://dl.dropboxusercontent.com/s/l9jswedham3iiex/jquery.vmap.usa.js?dl=0"></script>


  </head>

  <body>
<div id="vmap" style="width: 600px; height: 400px;"></div>

  </body>
<script>
jQuery('#vmap').vectorMap({
    map: 'usa_en',
    backgroundColor: null,
    color: '#eeeeee',
    hoverColor: '#999999',
    selectedColor: '#666666',
    enableZoom: true,
    showTooltip: true,
    selectedRegions: ['MO', 'FL', 'OR']
});
</script>
</html>