地图开发(转载)

 

高德地图-删除多个指定点标记

1、问题背景     高德地图上标记多个标记，点击删除按钮，可以删除指定的几个点标记2、实现源码 高德地图-删除多个指定点标记 var map = new AMap.Map("container", { resizeEnable: true, ...

2016-11-03 23:13 阅读(5308) 评论(0)

 

高德地图-删除多个点标记

1、问题背景     高德地图上有自己创建的marker，单击删除按钮，可以删除多个标记2、实现源码 高德地图-删除多个点标记 var map = new AMap.Map("container", { resizeEnable: true, ...

2016-11-03 22:54 阅读(4915) 评论(0)

 

高德地图-展示多个信息窗口

1、问题背景     高德地图，设置小图标，并点击图标显示信息2、实现源码 高德地图展示多个信息窗口 //初始化地图对象，加载地图 var map = new AMap.Map("container", { resizeEnable: true, ...

2016-09-14 10:22 阅读(760) 评论(0)

 

高德地图-绘制去程和回程路线

1、问题背景     设置去程和回程的路线图，并用不同的颜色设置路线2、实现源码 高德地图-绘制去程和回程路线 #panel { position: fixed; background-color: white; max-heig...

2016-08-29 23:13 阅读(1518) 评论(1)

 

Uncaught TypeError: Cannot read property 'plugin' of undefined

1、错误描述Uncaught TypeError: Cannot read property 'plugin' of undefined2、错误原因     在使用高德地图时，页面一直提示     不能读未定义的“plugin”3、解决办法...

2016-05-27 19:02 阅读(5698) 评论(0)

 

高德地图-设置直线路线

1、问题背景     给点了地图上两个坐标，然后连接两个点，成为一条直线2、实现源码 高德地图-设置直线路线 html,body{ width: 100%; height: 100%; font-family: "微软雅黑"; font-size: 12p...

2016-05-26 23:55 阅读(4921) 评论(1)

 

高德地图-添加自定义图标

1、问题背景     这里有张武汉市地图，点击按钮在地图上指定经度、纬度下添加小图标2、实现源码 高德地图-添加自定义图标 body,html{ width: 99%; height: 99%; font-family: "微软雅黑"; font-size...

2016-05-25 22:57 阅读(8446) 评论(9)

 

高德地图-设置点标注的文本标签

1、问题背景     高德地图中，设置选中位置，并自定义图标和文字提示2、实现源码 高德地图-设置点标注的文本标签 var map = new AMap.Map("container",{ resizeEnable: true, center: [115.397428, 41.90...

2016-05-24 23:47 阅读(7539) 评论(0)

 

高德地图-鼠标获取坐标

1、问题背景     鼠标点击地图，获取点击处的经纬度，并将经度和纬度放到输入框中2、实现源码 高德地图-鼠标获取坐标 body,html,#initMap{ width: 100%; height: 100%; font-si...

2016-05-24 23:13 阅读(5115) 评论(0)

 

高德地图-初始化地图

1、问题背景     利用高德地图的接口，创建一个以武汉为中心点的地图，放大级别是182、实现源码 初始化地图 html,#map{height:100%} body{height:100%;margin:0px;padding:0px} function initMap() {...

2016-05-14 23:20 阅读(6694) 评论(0)

 

百度地图-放大地图

1、问题背景     地图根据不同等级可以放大缩小，并且中心点坐标不变2、实现源码 放大地图 body,html,#map{ width: 100%; height: 100%; overflow: hidden; margin: 0; font-size: 12px; font-famil...

2016-05-12 23:07 阅读(5412) 评论(0)

 

百度地图-定时器移动地图

1、问题背景     打开地图默认为武汉市，过了5秒中后地图定位到黄冈市，再过5秒定位到上海市2、实现源码 定时器移动地图 body, html { width: 100%; height: 100%; margin:0; font-family:"微软雅黑";...

2016-05-08 22:46 阅读(6494) 评论(0)

 

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 阅读(5507) 评论(5)

 

百度地图-设置地图最小、最大级别

1、问题背景     地图可以设置最小级别和最大级别，利用minZoom、maxZoom属性进行设置2、实现源码 设置地图最小、最大级别 body,html,#allmap { width: 100%; height: 100%; overflow: hidden; margin: 0; font-family: "微软雅黑"; }...

2016-05-08 21:32 阅读(11026) 评论(0)

 

百度地图-同时加载多张地图

1、问题背景     在一个界面，同时展示不同城市地图分布情况2、实现源码 同时加载四张地图 body, html { width: 100%; height: 100%; overflow: hidden; margin:0; font-family:"微软雅黑"; } #container1{...