摘要: cookie劣势: 存储大小限制,4kb 单域名下有数量限制,50个左右 污染请求头,浪费流量 本地存储web storage 包括localStorage和sessionStorage localStorage 本身是一个对象,可以打印查看 <!DOCTYPE html> <html lang=" 阅读全文
posted @ 2020-03-07 22:11 陈莺莺呀 阅读(401) 评论(2) 推荐(0) 编辑
摘要: 效果图 首先添加移动端meta <meta name="viewport" content="initial-scale=1.0,user-scaleble=no,width=device-width"> <!DOCTYPE html> <html lang="en"> <head> <meta c 阅读全文
posted @ 2020-03-07 21:29 陈莺莺呀 阅读(471) 评论(0) 推荐(0) 编辑
摘要: AMap.event.addDomListener() 绑定事件 AMap.event.removeListener() 解绑事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>map</title> <s 阅读全文
posted @ 2020-03-07 21:15 陈莺莺呀 阅读(2072) 评论(0) 推荐(0) 编辑
摘要: 覆盖物状态改变时触发的事件 mousemove mouseover mouseout <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>map</title> <script type="text/javasc 阅读全文
posted @ 2020-03-07 20:28 陈莺莺呀 阅读(4087) 评论(0) 推荐(0) 编辑
摘要: 地图内部状态改变时触发的事件 complete <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>map</title> <script type="text/javascript" src="https:// 阅读全文
posted @ 2020-03-07 20:03 陈莺莺呀 阅读(1296) 评论(0) 推荐(0) 编辑
摘要: 引入插件 AMap.Transfer <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>map</title> <script type="text/javascript" src="https://webap 阅读全文
posted @ 2020-03-07 19:40 陈莺莺呀 阅读(988) 评论(0) 推荐(0) 编辑
摘要: 骑行路线 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>map</title> <script type="text/javascript" src="https://webapi.amap.com/map 阅读全文
posted @ 2020-03-07 19:27 陈莺莺呀 阅读(1032) 评论(0) 推荐(0) 编辑
摘要: 货车路线: 引入 AMap.TruckDriving 注意:和驾车路线、步行路线不同的是,必须指定cidy和size,并且坐标传入为json格式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>map</ti 阅读全文
posted @ 2020-03-07 19:13 陈莺莺呀 阅读(2284) 评论(0) 推荐(0) 编辑
摘要: 步行路线 引入插件 AMap.Walking <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=ce3b1a3a7e67fc75810ce1ba1f83c01a&plugin=AMap.Walk 阅读全文
posted @ 2020-03-07 18:52 陈莺莺呀 阅读(949) 评论(0) 推荐(0) 编辑
摘要: 驾车路线 引入插件 AMap.Driving <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=ce3b1a3a7e67fc75810ce1ba1f83c01a&plugin=AMap.Driv 阅读全文
posted @ 2020-03-07 18:26 陈莺莺呀 阅读(873) 评论(0) 推荐(0) 编辑
摘要: 鹰眼插件 AMap.OverView 默认在地图右下角显示缩略图 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>map</title> <script type="text/javascript" src= 阅读全文
posted @ 2020-03-07 17:01 陈莺莺呀 阅读(2832) 评论(0) 推荐(1) 编辑
摘要: 常用控件 AMap.MapType :地图类型切换插件,可用于切换卫星地图 首先记得引入插件 <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=ce3b1a3a7e67fc75810ce1ba1 阅读全文
posted @ 2020-03-07 16:39 陈莺莺呀 阅读(11964) 评论(2) 推荐(2) 编辑
摘要: 缩放比例尺控件 首先引入控件 AMap.Scale <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=ce3b1a3a7e67fc75810ce1ba1f83c01a&plugin=AMap.S 阅读全文
posted @ 2020-03-07 14:27 陈莺莺呀 阅读(2919) 评论(0) 推荐(0) 编辑
摘要: 使用AMap.Autocomplete() 自动补全插件,实现搜索功能 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>map</title> <script type="text/javascript" s 阅读全文
posted @ 2020-03-07 14:03 陈莺莺呀 阅读(1620) 评论(0) 推荐(0) 编辑