美文网首页
d3.js加载本地地图

d3.js加载本地地图

作者: 紫虚上人 | 来源:发表于2017-01-10 09:39 被阅读213次

       在处理的过程中,首先要将本地的shapefile格式的数据转换为json格式,然后通过引用该脚本将点展示出来。

        看似简单,但是在处理过程中还是发现了很多问题,由于转换出来的json文件是投影坐标,导致地图变成了“畸形”,对比网上示例代码的json文件,发现其中点数据的坐标都是以经纬度形式出现,经过查阅发现coordinates(经纬度),另外geojson与json其实没有太大的区别(GeoJSON 是一种对地理数据结构进行编码的格式。它只是一个采用上述 JSON 格式的用于描述地理信息的格式。它的语法和 JSON 是一样的,只是对各名称做了规范。)

解决方案如下:

       将shapefile格式的地图用arcmap打开,将投影坐标转换为地理坐标(等同于经纬度形式)再输出即可,利用gdal将其转换为json格式文件,在代码中引用该json文件,设置好比例尺及中心坐标,将网页部署到iis上即可了。

       推荐看这个帖子(详细讲了坐标转换与地理坐标等概念的定义)坐标转换,可以加深理解,对GIS行业工作者,理解投影坐标系的概念非常重要。

r

相关文章

  • d3.js加载本地地图

    在处理的过程中,首先要将本地的shapefile格式的数据转换为json格式,然后通过引用该脚本将点展示出来。 ...

  • weex-32-如何加载本地图片

    截止我写这篇文章时(2017-5-21),组件 的src 属性不支持本地图片 本节任务 加载本地图片 加载本地图...

  • React Native组件学习之Image

    Demo展示 上面是去加载网络图片,下面是加载本地图片 加载图片的几种方式 加载本地图片从项目中加载图片(一般是会...

  • iOS开发之性能优化<一>

    一、加载本地图片是否缓存 1.常见的加载本地图片有两种方式: 1.用imageNamed加载2.用imageWit...

  • 微信小程序-image(图片)

    在微信小程序中,要显示一张图片,有两种图片加载方式: 加载本地图片 加载网络图片 加载本地图片 加载网络图片 微信...

  • react 图片显示的问题

    本地图片的加载本地图片的加载的第一种方式——require 另一种方式就是import。

  • iOS - APP性能优化

    1:应用启动时间 应用启动时,只加载启动相关的资源和必须在启动时加载的资源。 2:本地图片加载方式 本地图片加载常...

  • iOS APP性能优化简短总结

    1:应用启动时间 应用启动时,只加载启动相关的资源和必须在启动时加载的资源。 2:本地图片加载方式 本地图片加载常...

  • iOS之APP性能优化

    1:应用启动时间 应用启动时,只加载启动相关的资源和必须在启动时加载的资源。 2:本地图片加载方式 本地图片加载常...

  • Flutter加载本地和网络图片(含普通图片和gif动图)

    本文目的 在Flutter中加载本地图片和网络图片 效果图 1. 加载本地图片 将图片放在工程目录下,如image...

网友评论

      本文标题:d3.js加载本地地图

      本文链接:https://www.haomeiwen.com/subject/selkbttx.html