资讯专栏INFORMATION COLUMN

通过地图图片生成可交互的地图

ralap / 666人阅读

摘要:想起之前帮人做的一个地图功能,没有任何地理坐标数据,需要生成可互动的区县地图之前可以在线生成地图数据,但是现在因为某些原因,已经不提供这项福利了以我仅有的一点经验,只能通过读取图片数据生成坐标数据了试了一下,没想到成功了,记录一下整个过程首

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

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

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

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

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

2、稍做处理

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

3、用canvas获取图片数据

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

直接上代码吧





    
    
    
    Document
    



    
    


文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/89997.html

相关文章

  • 常用数据视化工具

    摘要:俗话说,不会使用工具来完成任务的都是进化不完全的表现,大数据时代,可视化已经深深钻进我们的生活,使用可视化工具也变的相当普遍,今天我们来总结下当下可视化工具都有哪些。是一个地图库,主要面向数据可视化用户。 俗话说,不会使用工具来完成任务的都是进化不完全的表现,大数据时代,可视化已经深深钻进我们的生活,使用可视化工具也变的相当普遍,今天我们来总结下当下可视化工具都有哪些。 showImg...

    philadelphia 评论0 收藏0
  • 大模型时代小红书+马蜂窝:华人团队开发 AI旅行app

    简介一周前,由红杉投资的硅谷初创公司UTA AI推出了其核心产品Wanderboat AI,这是一个基于GPT-4技术的智能旅行规划工具。该平台允许用户通过对话交互来明确旅行的偏好和需求,并提供包括目的地、活动和实用建议在内的定制化旅行建议。Wanderboat AI整合了视频、图片、地图和评价等多种媒体资源,以增强用户体验。它还具备智能互动特性,用户可以随时查询并得到立即答复。Wanderboa...

    UCloud小助手 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<