使用 css 将地图设置为背景或在背景中使用等距柱状投影地图投影

Setting a map as background using css or using equirectangular map projection in the background

本文关键字：背景 地图投影 投影 地图 css 设置 使用      更新时间：2023-09-26

考虑链接 http://jsfiddle.net/5D5eD/18/。在此链接中，如何将像这样的等距柱状投影设置为背景 http://bl.ocks.org/mbostock/3757119 或者我可以在css背景中使用地图的图像，背景应仅限于X轴上方的图表。

 .grid .tick {
stroke: lightgrey;
opacity: 0.7;
   }
 .grid path {
  stroke-width: 0;
  }
 .chart {
  }
.main text {
font: 10px sans-serif;
 }
 .axis line, .axis path {
shape-rendering: crispEdges;
stroke: black;
fill: none;
}
circle {
fill: steelblue;
}

我能够使用此代码获取背景 

          body
          {
          background-image:url("image.png");
          background-repeat:no-repeat;
          }

然后缩放图表的宽度和高度

相关文章：