使用JvectorMaps的不同彩色标记 [英] Different Colored Markers with JvectorMaps

问题描述

使用JVectorMap，如何添加两组不同颜色的标记?关于此问题还有另一个问题，该解决方案在JSFiddle上不起作用.现在，我有类似的标记，并且可以为类型指定属性，但是我不知道会更改特定类型颜色的代码.有帮助吗?

With JVectorMap, How can I add two sets of markers that are different colors? There's been one other question asked about it and the solution didn't work on JSFiddle. Right now I have markers like and I can attribute types, but I don't know the code that would change the colors of specific types. Any help?

<div id="map"></div>
<script>
  $(function(){
    $('#map').vectorMap({
    map: 'us_aea_en',
    zoomOnScroll: true,
    hoverOpacity: 0.7,
    markerStyle: {
      initial: {
        fill: '#800000',
        stroke: '#383f47'
      }
    },
    markers: [
      {latLng: [41.50, -87.37], name: 'Test1 - 2010', type : "chicago"},
      {latLng: [39.16, -84.46], name: 'Test2 - 2010'},
      {latLng: [39.25, -84.46], name: 'Test3 - 2010'}
    ] 


    });
   });
</script>

推荐答案

您可以将样式用于不同的颜色:

You may use style for different colors:

{latLng: [41.50, -87.37], name: 'Test1 - 2010', style: {fill: 'rgba(0,0,255,0.1)', r:20}},

这篇关于使用JvectorMaps的不同彩色标记的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！