如何在Plotly choropleth地图中添加波多黎各和美属维尔京群岛?

时间:2018-09-07 15:40:14

标签: javascript d3.js choropleth plotly.js

Plotly网站提供了有关如何创建美国Choropleth地图的演示。

Plotly.d3.csv('https://raw.githubusercontent.com/plotly/datasets/master/2011_us_ag_exports.csv', function(err, rows){
      function unpack(rows, key) {
          return rows.map(function(row) { return row[key]; });
      }

      var data = [{
          type: 'choropleth',
          locationmode: 'USA-states',
          locations: unpack(rows, 'code'),
          z: unpack(rows, 'total exports'),
          text: unpack(rows, 'state'),
          zmin: 0,
          zmax: 17000,
          colorscale: [
              [0, 'rgb(242,240,247)'], [0.2, 'rgb(218,218,235)'],
              [0.4, 'rgb(188,189,220)'], [0.6, 'rgb(158,154,200)'],
              [0.8, 'rgb(117,107,177)'], [1, 'rgb(84,39,143)']
          ],
          colorbar: {
              title: 'Millions USD',
              thickness: 0.2
          },
          marker: {
              line:{
                  color: 'rgb(255,255,255)',
                  width: 2
              }
          }
      }];


      var layout = {
          title: '2011 US Agriculture Exports by State',
          geo:{
              scope: 'usa',
              showlakes: true,
              lakecolor: 'rgb(255,255,255)'
          }
      };

      Plotly.plot(myDiv, data, layout, {showLink: false});
});

但是,渲染的地图不包含波多黎各和美属维尔京群岛。我已经搜索了他们的website,但没有找到成功解决此问题的方法。我该如何添加波多黎各和维尔京群岛,使这两个漂浮在同一张美国地图上,例如阿拉斯加和夏威夷?

0 个答案:

没有答案