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

时间:2015-11-18 03:04:50

标签: javascript jquery

我正在尝试制作一张显示在enter image description here

下方的图表

所以我谷歌它,并从这个网站找到一个例子 http://jqvmap.com/ 我可以制作图表或地图。但是我有一个问题我想在我的图表或地图中显示气泡,如图中所示(红色和绿色或橙色气泡)我们可以显示此气泡地图? 我可以使用不同的库吗?或者有没有办法在这个插件中添加气泡

这是我的代码 http://plnkr.co/edit/v4pb0FTTwGLrgP8akC6H?p=preview

  <!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>

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

任何更新

0 个答案:

没有答案