地图
文章平均质量分 71
翱翔天地
技术在于专注!主要从事前端开发,熟悉vue、jQuery、uniapp等,有微信公众号和微信小程序开发经验,熟练使用echarts、highcharts、帆软报表;了解Java、python和mysql
展开
-
高德地图-鼠标获取坐标
1、问题背景 鼠标点击地图,获取点击处的经纬度,并将经度和纬度放到输入框中2、实现源码 高德地图-鼠标获取坐标 body,html,#initMap{ width: 100%; height: 100%; font-si原创 2016-05-24 23:13:43 · 9110 阅读 · 0 评论 -
高德地图-删除多个点标记
1、问题背景 高德地图上有自己创建的marker,单击删除按钮,可以删除多个标记2、实现源码 高德地图-删除多个点标记 var map = new AMap.Map("container", { resizeEnable: true,原创 2016-11-03 22:54:00 · 21631 阅读 · 0 评论 -
高德地图-展示多个信息窗口
1、问题背景 高德地图,设置小图标,并点击图标显示信息2、实现源码 高德地图展示多个信息窗口 //初始化地图对象,加载地图 var map = new AMap.Map("container", { resizeEnable: true,原创 2016-09-14 10:22:57 · 8799 阅读 · 8 评论 -
高德地图-绘制去程和回程路线
1、问题背景 设置去程和回程的路线图,并用不同的颜色设置路线2、实现源码 高德地图-绘制去程和回程路线 #panel { position: fixed; background-color: white; max-heig原创 2016-08-29 23:13:11 · 6759 阅读 · 1 评论 -
TypeError:this.K is undefined
1、错误描述2、错误原因 设置地图最小、最大级别 body{ width: 100%; height: 100%; overflow: hidden; font-family: "微软雅黑"; margin: 0; } #minMaxMap{ width: 1原创 2016-05-08 21:38:00 · 8679 阅读 · 6 评论 -
百度地图-同时加载多张地图
1、问题背景 在一个界面,同时展示不同城市地图分布情况2、实现源码 同时加载四张地图 body, html { width: 100%; height: 100%; overflow: hidden; margin:0; font-family:"微软雅黑"; } #container1{原创 2016-05-08 10:46:17 · 7726 阅读 · 0 评论 -
百度地图-定时器移动地图
1、问题背景 打开地图默认为武汉市,过了5秒中后地图定位到黄冈市,再过5秒定位到上海市2、实现源码 定时器移动地图 body, html { width: 100%; height: 100%; margin:0; font-family:"微软雅黑";原创 2016-05-08 22:46:43 · 7277 阅读 · 0 评论 -
百度地图-设置地图最小、最大级别
1、问题背景 地图可以设置最小级别和最大级别,利用minZoom、maxZoom属性进行设置2、实现源码设置地图最小、最大级别 body,html,#allmap { width: 100%; height: 100%; overflow: hidden; margin: 0; font-family: "微软雅黑"; }原创 2016-05-08 21:32:59 · 27403 阅读 · 2 评论 -
百度地图-异步加载地图
1、问题背景 百度地图核心js初始化不引入,在函数中创建script后引入2、实现源码 body, html,#allmap { width: 100%; height: 100%; overflow: hidden; margin:0; font-family:"微软雅黑"; font-size: 12px; font-size-adjust: n原创 2016-05-08 08:35:27 · 8088 阅读 · 0 评论 -
百度地图-设置默认城市
1、问题背景 利用百度地图,展示某城市地图分布;初始化时,默认打开就是该城市2、实现源码 设置默认城市地图 body,html,#map{ width: 100%; height: 100%; overflow: hidden; margin: 0; font-size: 12px; fo原创 2016-05-07 22:43:56 · 14928 阅读 · 0 评论 -
Uncaught TypeError: Cannot read property 'plugin' of undefined
1、错误描述Uncaught TypeError: Cannot read property 'plugin' of undefined2、错误原因 在使用高德地图时,页面一直提示 不能读未定义的“plugin”3、解决办法原创 2016-05-27 19:02:44 · 11952 阅读 · 0 评论 -
高德地图-初始化地图
1、问题背景 利用高德地图的接口,创建一个以武汉为中心点的地图,放大级别是182、实现源码 初始化地图 html,#map{height:100%} body{height:100%;margin:0px;padding:0px} function initMap() {原创 2016-05-14 23:20:08 · 11765 阅读 · 0 评论 -
高德地图-设置直线路线
1、问题背景 给点了地图上两个坐标,然后连接两个点,成为一条直线2、实现源码 高德地图-设置直线路线 html,body{ width: 100%; height: 100%; font-family: "微软雅黑"; font-size: 12p原创 2016-05-26 23:55:11 · 8031 阅读 · 2 评论 -
百度地图-放大地图
1、问题背景 地图根据不同等级可以放大缩小,并且中心点坐标不变2、实现源码 放大地图 body,html,#map{ width: 100%; height: 100%; overflow: hidden; margin: 0; font-size: 12px; font-famil原创 2016-05-12 23:07:59 · 9886 阅读 · 2 评论 -
高德地图-添加自定义图标
1、问题背景 这里有张武汉市地图,点击按钮在地图上指定经度、纬度下添加小图标2、实现源码 高德地图-添加自定义图标 body,html{ width: 99%; height: 99%; font-family: "微软雅黑"; font-size原创 2016-05-25 22:57:55 · 18669 阅读 · 13 评论 -
高德地图-设置点标注的文本标签
1、问题背景 高德地图中,设置选中位置,并自定义图标和文字提示2、实现源码 高德地图-设置点标注的文本标签 var map = new AMap.Map("container",{ resizeEnable: true, center: [115.397428, 41.90原创 2016-05-24 23:47:23 · 25655 阅读 · 0 评论 -
高德地图-删除多个指定点标记
1、问题背景 高德地图上标记多个标记,点击删除按钮,可以删除指定的几个点标记2、实现源码 高德地图-删除多个指定点标记 var map = new AMap.Map("container", { resizeEnable: true,原创 2016-11-03 23:13:37 · 17614 阅读 · 3 评论