网站首页 > 基础教程 正文
各位大家好,我是码农兔今天通过写一个微信公众号的后台页面实现了高德地图的定位、插入控件等功能,下面给各位大家介绍一下具体的实现。
首先我们要在html页面的head部分引入jquery 版本jquery-1.11.1.min.js和高德地图JS api 版本1.4和key(key可以在申请高德地图使用时获取)
在body里面定一个id是container的div,定义宽高。(地图通过这个div显示)
通过高德地图的AMap.map方法初始化地图定义一下基本参数,将div的id放到方法内。初始化地图的时候可以直接初始化3D地图必须是v1.4版本以上
接下来就是在地图内加入控件,高德地图JS api定义了很多控件,可以通过引用实现不同的功能
添加点击事件,加入监听,当我们点击地图时自动获取经纬度并在控制台打印经纬度。
地图展示 当点击地图时可以触发监听获取经纬度
关于高德地图 js api的实现我会持续更新,希望大家多提建议意见,我们共同进步,谢谢大家。
猜你喜欢
- 2024-11-07 ASP.NET Core 知识速递 - Day 6:每天进步一点
- 2024-11-07 基于nodejs实现根据文件类型统计工程源代码行数
- 2024-11-07 谈谈springboot 获取前端json数据几种方法
- 2024-11-07 GitHub爆火!银四巨作:拼多多/蚂蚁/百度面经分享
- 2024-11-07 RxJs 介绍 rxjs教程
- 2024-11-07 盘点Django展示可视化图表多种方式(建议收藏)
- 2024-11-07 界面美观且友好的前端Bootstrap 3管理模板
- 2024-11-07 可视化:前端数据可视化插件大盘点 图表/图谱/地图/关系图
- 2024-11-07 JQuery 获取多个select标签option的text内容
- 2024-11-07 高清地图产品输出改进过程记录 高精度地图数据格式
- 最近发表
- 标签列表
-
- gitpush (61)
- pythonif (68)
- location.href (57)
- tail-f (57)
- pythonifelse (59)
- deletesql (62)
- c++模板 (62)
- css3动画 (57)
- c#event (59)
- linuxgzip (68)
- 字符串连接 (73)
- nginx配置文件详解 (61)
- html标签 (69)
- c++初始化列表 (64)
- exec命令 (59)
- canvasfilltext (58)
- mysqlinnodbmyisam区别 (63)
- arraylistadd (66)
- node教程 (59)
- console.table (62)
- c++time_t (58)
- phpcookie (58)
- mysqldatesub函数 (63)
- window10java环境变量设置 (66)
- c++虚函数和纯虚函数的区别 (66)