位置: 编程技术 - 正文

javascript html5 canvas实现可拖动省份的中国地图

编辑:rootadmin

推荐整理分享javascript html5 canvas实现可拖动省份的中国地图,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

本文实例分享了html5 canvas可拖动省份的中国地图实现方法,供大家参考,具体内容如下

1.数据获取画地图需要省份边界坐标,理论上可以每次都用百度API获取数据并绘图,但为了增加效率,首先将所有坐标都获取下来并存入数据库中。新建省份数据数组轮询该数组,根据省份名称请求百度API获取坐标数据,并将数据以ajax方式放松给php

php得到数据后,解析数据并将数据存储到事先建好的数据库中

javascript html5 canvas实现可拖动省份的中国地图

2.画地图(base地图画在mapCanvas层)轮询省份数组,并以ajax方式请求该省份边界坐标,然后绘图

3.画移动连线(连线和移动的省份画在moveMapCanvas层)当在地图上拖动省份时,出现若干条连接移动的省份和原省份的直线

4.事件鼠标按下事件:当点击到地图上时,要做的事是,判断点击位置,将位置信息转化成经纬度,再通过百度API根据经纬度获得省份名称。

鼠标移动事件:根据点击的省份名,获得数据,并实时重绘移动层的省份

鼠标抬起事件:设置dragging为false,clear移动层。

小结:功能、原理都很简单,但能熟悉canvas的一些属性和方法。canvas层是可以重叠到一起的,这样就可以在不同的层画不同的内容,方便维护和管理。

标签: javascript html5 canvas实现可拖动省份的中国地图

本文链接地址:https://www.jiuchutong.com/biancheng/377494.html 转载请保留说明!

上一篇:js仿百度登录页实现拖动窗口效果(仿百度首页html代码静态)

下一篇:JavaScript获取图片像素颜色并转换为box-shadow显示(js 获取图片大小)

  • 山东省增值税发票查验平台
  • 企业汇算清缴时允许税前扣除的工资是
  • 固定资产清理过程涉及的报表
  • 小规模纳税人出售使用过的汽车
  • 企业增值税退税是算企业利润的吗
  • 固定资产折旧会计处理
  • 外贸出口备案需准备什么资料
  • 个人打钱对公账户,可以算公司营业收入吗
  • 农产品计算抵扣的税务政策
  • 纳税人转登记期限
  • 河道工程修建维护管理费何时开始停征?
  • 印花税的计税金额
  • 堤围工程
  • 个体工商户的税收优惠政策有哪些
  • 关于促进房地产市场健康发展的实施意见(试行)
  • 房地产预收账款结转到主营业务收入
  • 种子销售公司
  • 维修车间人员的工作总结
  • 有销项没有进项怎么结算成本
  • 小规模自开专票税率是1%还是3%
  • 资产负债表在建工程怎么填列
  • 契税减免备案材料是什么
  • 结转完工产品成本的计算
  • 残疾小伙小强
  • 视频监控维护
  • 事业单位研究开题报告
  • php网页运行原理
  • 转出未交增值税借方余额表示什么
  • linux统计代码总行数
  • fsm32.exe是什么进程 有什么作用 fsm32进程查询
  • 微软正在更新office
  • win10 待机时间
  • 苹果macOSBigSur是什么型号
  • 应付职工薪酬的借方和贷方
  • 公司更衣柜费用怎么算
  • 小规模场地租赁费税率是1还是5
  • spring integration使用:消息转换器
  • saas web
  • 海关缴款书能重开吗
  • 应付债券相关分录
  • 员工餐费补助交个人所得税吗
  • 增值税普通发票几个点
  • 进项抵扣了还要交附加嘛
  • 小微企业免征的增值税怎么做账
  • 软件产品增值税即征即退
  • 外币账户的设置在哪里
  • 递延收益的摊销时点
  • 虚开发票的三种情形是?
  • 主营业务收入净额在哪个报表里面
  • 房产契税什么时候退税
  • 现金管理办法的内容包括
  • 房地产企业城建税和教育费附加怎么算
  • 汇算清缴业务招待费调整分录
  • 商品储存的基本要求是什么?
  • 内账价税分离如何做账
  • sql servers
  • macbookpro怎么改系统
  • linux系统讲解
  • supporter5.exe - supporter5是什么进程
  • excel打开csv文件数据有丢失
  • 浅谈特殊儿童的融合教育论文
  • JavaScript中对象方法的创建
  • 谈谈Jquery ajax中success和complete有哪些不同点
  • python 简单例子
  • 第四章之BootStrap表单与图片
  • jquery放在head还是body
  • unity常用api
  • Android屏幕适配分屏
  • c# unity 教程
  • javascript学习指南
  • javascript的弹窗
  • 安卓自定义app
  • js水平垂直居中怎么设置
  • python 判断字符串编码
  • 企业自建旧房产怎么处理
  • 企业所得税要在几号之前申报
  • 建筑行业增值税税收优惠政策
  • 深圳纳税信息查询
  • 快手怎样代卖
  • 武汉税务地区编号是多少
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设