博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
通过地图图片生成可交互的地图
阅读量:6157 次
发布时间:2019-06-21

本文共 359 字,大约阅读时间需要 1 分钟。

想起之前帮人做的一个地图功能,没有任何地理坐标数据,需要生成可互动的区县地图

之前echarts可以在线生成地图数据,但是现在因为某些原因,echarts已经不提供这项福利了

图片描述

以我仅有的一点经验,只能通过canvas读取图片数据生成坐标数据了

试了一下,没想到成功了,记录一下整个过程

1、首先百度,找一张需要生成区县地图的地图图片

图片描述

2、稍做处理

图片描述

非常简单的处理,用windows自带的画板工具就能完成,这里就不多说了

3、用canvas获取图片数据

getImageData获取到的图片数据是一个数组,数组的内容是从坐上角第一个像素开始,从左向右,从上到下,所有像素的rgba值,所以数组的总长度应该是图片长度乘以图片宽度乘以4

直接上代码吧

    
Document

转载地址:http://issfa.baihongyu.com/

你可能感兴趣的文章
汉字转拼音 (转)
查看>>
会计基础_001
查看>>
小程序: 查看正在写的页面
查看>>
Jenkins持续集成环境部署
查看>>
MWeb 1.4 新功能介绍二:静态博客功能增强
查看>>
预处理、const与sizeof相关面试题
查看>>
爬虫豆瓣top250项目-开发文档
查看>>
有趣的数学书籍
查看>>
teamviewer 卸载干净
查看>>
eclipse的maven、Scala环境搭建
查看>>
架构师之路(一)- 什么是软件架构
查看>>
USACO 土地购买
查看>>
【原创】远景能源面试--一面
查看>>
B1010.一元多项式求导(25)
查看>>
10、程序员和编译器之间的关系
查看>>
配置 RAILS FOR JRUBY1.7.4
查看>>
AndroidStudio中导入SlidingMenu报错解决方案
查看>>
修改GRUB2背景图片
查看>>
Ajax异步
查看>>
好记性不如烂笔杆-android学习笔记<十六> switcher和gallery
查看>>