d3 地图长宽比调整

D3 geo project 的各种投影方法没有参数来设置长宽比，需要修改源码。但是可以通过后期的微调来实现。
比如这个投影方式：

var projection = d3.geoEquirectangular().center([0, 0]).rotate([0, 0]).scale(240).translate([this.width / 2, this.height / 2])

显示效果如下，太宽。

包含path 的容器 g 设置样式，可以让高度变为原来的1.2倍。

{transform-origin: 0 0;
transform: scale(1, 1.2);
}

如果要获取某个经纬度在当前变化后的x,y像素坐标，可以将得到的结果的y值乘以1.2。

var ratio = 1.2;
// 通过经纬度得到像素坐标
var trans = function(latlng) {var r = projection(latlng)r[1] *= ratio;return r;
}
var p = trans([114.12, 30.02]);// 反过来通过像素坐标得到经纬度
var invert = function (pixel) {var r = projection.invert(pixel[0], pixel[1] / ratio)return r;
}
var latlng = invert([450, 250]);

d3 地图长宽比调整相关推荐

（转）Arcgis for JS之地图自适应调整
http://blog.csdn.net/gisshixisheng/article/details/42675897 概述:本节讲述的内容为当浏览器大小发生变化或者地图展示区域的大小发生变化时,地图 ...
【归档】[D3] 地图可视化——美国地图
基于地图信息,设计可视化方案,能够将不同州的生产力高低,以及一些城市的人口多少表示在地图上.该可视化方案,能为用户提供一个分析在那些生产力比较高(或比较低)的州和州里一些大城市的人口之间关系的工具. ...
D3地图上如何标注坐标点
原文地址 http://blog.csdn.net/lzhlzz/article/details/46385299,部分引用,重点关注坐标点的投影转换方法. 1. 标注是什么标注,是指地图上只需要一 ...
word百度三维地图经纬度调整系数
=LEFT(B2,FIND(",",B2)-1)-0.006486 =RIGHT(B2,LEN(B2)-FIND(",",B2))-0.006049
使用uniapp时候根据设计图得出标准长宽比
例如:一张图的宽度是285px,图上的按钮宽度为206px 750*206/285 查看全文 http://www.taodudu.cc/news/show-4153860.html 相关文章: cs ...
百度地图调整字体大小怎么设置(2021)
现在大家出门去陌生地区已经不用担心不熟悉路程了.使用百度地图APP覆盖各个城市地图.可以精准为大家定位到目的地.对于不同年龄的用户.设置显示字体大小的习惯可能不同.该怎么调整字体大小呢?有需要的朋友们 ...
echarts：实现3D地图版块叠加动效散点+轮播高亮效果
需求描述如下图所示,展示3D效果的地图版块,并叠加显示动效散点: 实现思路首先是3D地图版块效果的实现,可以参考广州3D地图:而动效散点的实现,可以参考地图发散分布. 这里再提一个经过尝试并不行的 ...
高德地图markevents_GitHub - mingxuWang/Map: 高德地图API二次封装
Map组件设计文档组件设计目的分析当前各业务方向(销售端.商城.数据可视化.TMS)内地图相关应用的地图功能使用情况,封装Map组件供给各业务向进行使用. 将高德地图API进行二次封装,降低地图相 ...
WGS 1984 Web Mercator 对于在线地图服务的意义
WGS 1984是3S应用的常用大地坐标系之一,和我们的生活息息相关,最典型的应用莫过于手持设备的GPS模块,无论是美国GPS全球卫星定位系统.俄罗斯 GLONASS.欧盟GALILEO,还是中 ...

d3 地图长宽比调整

d3 地图长宽比调整相关推荐

最新文章

热门文章