位置: 编程技术 - 正文

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

  • 税务局退给企业的多交的所得税该怎样帐务处理?
  • 增值税专用发票几个点
  • 预付款发票能入账吗
  • 怎样在网上申报营业执照年检
  • 专项工程支出计入什么科目
  • 购入不动产进项税额抵扣
  • 餐饮业成本的正确表述是
  • 营业外支出影响损益吗
  • 报税盘金税盘领的发票能通用吗
  • 一般纳税人购买并销售免税货物所发生的运输费用
  • 借方应付账款 贷方银行存款
  • 外地建筑工程开票流程
  • 购买增值税专用发票罪
  • 支票撕碎了怎么办
  • 海关废品回收
  • 存货周转率 高
  • 我国流转税主要包括
  • 公司之间借钱不还违法吗
  • 返利红字发票怎么做账
  • 出口商品一定要有条形码吗
  • 计提汇算清缴所得税分录
  • 个人所得税怎么查工资明细
  • 私立医院增值税税率是多少
  • 发票显示上传失败
  • 给客户的回扣做账时怎么写情况说明
  • 来料加工贸易是什么工作
  • 固定资产后续支出是指固定资产在使用过程中发生的
  • 会计科目与账户的关系
  • 企业与企业之间借款账务如何处理
  • 计提本月应交税金会计分录
  • 未取得发票的工程预付款怎么入账
  • 进程antimalware service
  • php文件注释标记是什么
  • 项目成本估算的结果一般不包括
  • 新办公司实收资本怎么查
  • 百慕大玛丽号
  • 土地转让注意事项有哪些
  • php 取字符串 前几位
  • 在vue中获取dom元素
  • high-resolution image synthesis with latent diffusion models
  • 手把手教大家
  • ci框架视频教程
  • 申报增值税税额正确,销售额少0.94
  • 预支工资的借条图片
  • access使用查询向导固定常数
  • 企业注销后还会查账吗
  • 固定资产折旧常见方法
  • 有限合伙企业属于企业法人还是非法人企业
  • 劳动合同和劳务合同可以一起签吗
  • 收到银行承兑汇票计入什么科目
  • 开发成本怎么做分录
  • 所得税季度申报弥补以前年度亏损
  • 支付补偿款计入什么会计科目
  • 支付临时工的工资计入应付职工薪酬吗
  • 财务费用怎么记账
  • sqlserver 查询锁
  • sql语句中单引号怎么打
  • windows许可证即将过期怎么办知乎
  • win8激活点不进去
  • winxp关闭自动更新方法
  • Linux系统磁盘分配
  • freebsd怎么安装软件
  • windows7怎么添加设备
  • xp从装系统
  • win7系统运行慢,如何提速
  • winxp如何禁用u盘
  • win 7电脑音箱没有声音
  • Win10预览版桌面图标和任务栏不翼而飞怎么办?
  • vxlan配置实例详解
  • shell怎么创建用户
  • 字符串拼接join
  • ajax成功不走success
  • python从入门到精通
  • python-pip安装
  • Unity3D&&TexturePacker
  • android 改变view位置
  • 手机陌陌卸载还有记录吗
  • 福建地方税务局历任 李
  • 汉口市中心
  • 房屋契税交错了能退吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设