位置: 编程技术 - 正文

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 获取图片大小)

  • 无票收入小规模怎么报增值税
  • 个人出租汽车
  • 企业所得税的征税对象包括
  • 企业所得税汇算清缴退税怎么做账
  • 一般纳税人条件要求2020
  • 工伤在门诊的收据能报销吗
  • 企业对外投资收益税收
  • 应付职工薪酬明细账模板
  • 利润表季度怎么填写
  • 付款后发票可以抵扣吗
  • 以前年度损益调整
  • 法人存到公司账户的钱怎么记账
  • 小规模升一般纳税人怎么操作
  • 房屋建筑物评估技术鉴定表
  • 地产企业不动产登记入哪个科目?
  • 合伙企业工资薪金申报
  • 海关进口增值税计算公式
  • 销售返利的税务政策
  • 小规模纳税人金额
  • 会计学考研考哪些科目专硕
  • 用友填制凭证外币科目没弹出
  • 车船税提高了吗
  • 一般纳税人收到专票怎么做分录
  • 工会经费税收
  • 财政资金安排促进高质量发展
  • window10 怎么避免弹窗广告
  • 转账如何退还一部分钱
  • windows11我的电脑怎么放到桌面
  • 增值税怎么填表
  • 深度deepin系统安装教程
  • 企业收到的
  • php怎么获取单选框的值
  • 如何修复win10开机转圈五分钟
  • 委托软件开发费用怎么入账
  • PHP:curl_error()的用法_cURL函数
  • 安全生产专用设备目录
  • 一体机笔记本电脑
  • msoicons.exe是什么文件
  • 企业将自有房产怎么处理
  • 不带息票据按面值入账
  • 收费公路通行费补费平台 APP
  • laravel5.2实现区分前后台用户登录的方法
  • 简述php的概念和特点
  • 36号文45条
  • 阿里通义千问官网
  • php分类
  • timestamp 0
  • 如何使用首页
  • 不免征个人所得税的是个人转让著作权所得
  • 转让不动产为什么能差额
  • element表格表单
  • 汇算清缴如何调报表
  • 优先股股息必须支付吗
  • 电子税务局发票作废流程
  • 收到以前年度多交增值税账务处理怎么做账
  • sqlserver 中charindex/patindex/like 的比较
  • 在建工程领用自产应税消费品
  • SQL Server UPDATE语句的用法详解
  • sqlserver 恢复数据库
  • 开具发票要注意的方面是有哪些?
  • 税务机关多收税款几年可以要求退回
  • 装修费用摊销的会计分录怎么写
  • 老板怎么从公户拿钱
  • 收到赞助费如何开发票
  • 应收票据和应收账款减少说明什么
  • 专票三流合一指哪三流
  • 在mysql中,删除表的外键约束的关键字为()
  • 深入理解mysql主从原理32讲
  • navicate创建存储过程
  • 快速删除指定位置的结点用单链表还是双链表
  • win10系统右键菜单管理
  • win7累计更新补丁包
  • python占位
  • cocos2dx小游戏
  • javascript中用于声明变量的关键字
  • python指令生成脚本
  • 税务划分行业
  • 增值税一般纳税人和小规模纳税人的区别
  • 浙江省税务局发短信是真的吗
  • 北京市税务局热搜
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设