位置: 编程技术 - 正文

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

  • 小规模纳税人的认定标准是什么
  • 递延所得税负债大白话解释
  • 劳务费个人所得税由谁申报
  • 财务刷卡手续费怎么处理
  • 去税务局开增值税专用发票需要缴费吗
  • 发票上的收款人负法律责任吗
  • 固定资产折旧计算公式
  • 车船抵扣如何填报
  • 电商平台返佣金税务怎么走
  • 可以自己制作的商品
  • 银行回单手续费分录
  • 金蝶以前年度损益调整属于哪类科目
  • 契税和印花税的计税依据是一致吗
  • 开外管证再省外预缴税收要怎么报税?
  • 民办幼儿园怎么给老师交五险一金
  • 开票未收到款会计分录
  • 小规模纳税人2018
  • 房地产企业开发成本计入存货
  • 政府回收土地要交土地增值税吗
  • 增值税申报尾差怎么做账
  • 建筑施工的会计科目
  • 公司预付的货款怎么做账
  • 收取赔偿金开具什么发票
  • windows10如何关闭病毒和威胁防护设置
  • 现金流量表怎么编制
  • 制造费用结转到生产成本
  • 多收不用退的货物怎么办
  • 实际缴纳消费税是什么意思
  • mc office是什么意思
  • 进程antimalware service
  • 旅行社的会计
  • 竞业限制违反了怎么办
  • 划入账户金额
  • YII2.0之Activeform表单组件用法实例
  • 前端密码加密
  • java基础面试题选择题
  • 职工教育经费是不是教育费附加
  • 利息资本化怎么计算
  • [JavaScript你真的以为这么简单吗]JavaScript高级
  • 失控发票成本转出怎么做账
  • yolo算法百度百科
  • 会展中心高新技术展览
  • 固定资产处置营业外支出
  • 织梦cms怎么样
  • 飞书slogan
  • 什么是累积优先股
  • 累计盈余下设明细科目吗
  • 工业企业缴纳增值税吗
  • 跨年增值税专用发票红字发票怎么开
  • 出售无形资产科目
  • 出口企业消费税怎么算
  • 电子承兑汇票兑现扣几个点
  • 代扣代缴境外增值税怎么申报
  • 应收账款应付账款借贷方都表示什么
  • 多提税金的具体分录
  • 购买方已认证销售方作废
  • 银行收取服务费
  • 契税发票错了能作废吗
  • 企业法人投资收益交税吗
  • 收到红字增值税发票哪里查
  • 房地产项目企业
  • sqlserver按时间段导出数据
  • SQL Server 2005/2008 用户数据库文件默认路径和默认备份路径修改方法
  • win8自启动在哪儿设置
  • xp启动时间长
  • windows开发是什么
  • explore是什么文件
  • windows10x预览版
  • centos安装c编译器
  • cocos creator打包
  • 怎样判断滚动和滑动
  • nodejs formidable
  • cssli
  • linux常用shell命令
  • 电子原理图实例讲解
  • 安卓解析xml的几种方式
  • 如何查询企业股票代码
  • 深圳车牌注销需要车辆到场吗
  • 诚信励志语录经典短句
  • 京牌车船税网上可以交吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设