随笔分类 -  leafletjs

leafletjs
【leafletjs】添加标记、轨迹线与删除标记、轨迹线
摘要：三、添加标记 案例一，添加船标并绘制行驶轨迹： var myMap = L.map('mapMain').setView([37.55, 122.08], 10); /*定义标记*/ var boatIcon = L.icon({ iconUrl: "{% static 'http_app/inde 阅读全文
posted @ 2021-06-11 17:48 lisicn 阅读(2639) 评论(0) 推荐(0)
【leafletjs】地图的全局设定
摘要：加载地图前的设定： var map_global_settings = { zoomControl: false, //关闭左上角放大缩小 doubleClickZoom: false, // 关闭双击放大 }; 添加一些控件： /*右下角添加文本内容*/ L.control.attribution 阅读全文
posted @ 2021-06-11 11:30 lisicn 阅读(163) 评论(0) 推荐(0)
【leafletjs】地图创建
摘要：案例一，使用在线地图服务： <!DOCTYPE html> <html lang="zh-Hans-CN"> <head> <meta charset="UTF-8"> <title>地图测试</title> <link rel="stylesheet" href="./static/leaflet 阅读全文
posted @ 2021-06-11 10:57 lisicn 阅读(215) 评论(0) 推荐(0)
添加marker并绘制连接线
摘要：什么是Marker：标记点 什么是连接线：路径线 最终效果： 要求： marker为自定义的图形，并显示标记序号。 标记点可拖动，拖动期间不影响其连接线(跟随绘制)。 每两个点之间绘制连接线，样式为虚线。 实现过程： 基于leafletjs，网址：https://leafletjs.com/ 知晓如 阅读全文
posted @ 2021-04-21 12:50 lisicn 阅读(679) 评论(0) 推荐(0)
leafletjs旋转marker
摘要：leafletjs是啥： 画地图的：https://leafletjs.com/ 如何旋转marker (icon)： 引入github项目：https://github.com/bbecquet/Leaflet.RotatedMarker 如何使用： var boat_marker = L.mar 阅读全文
posted @ 2020-12-08 08:57 lisicn 阅读(1131) 评论(0) 推荐(0)