leaflet地图类
偶尔得闲记录下觉得有用的功能
Ypromise-
一位GIS前端开发者
展开
-
leaflet 地图点击线图形时加marker标记 解决缩放后marker不在线上
解决leaflet 点击事件添加marker标记, 地图放大后标记不在理想点击位置问题原创 2022-08-16 17:16:51 · 1937 阅读 · 0 评论 -
leaflet地图上的 div里 禁止拖拽移动地图,双击放大,鼠标滑轮缩放地图
示例图:我要鼠标移到div的时候不能对地图进行操作:// 把以下内容 写在地图加载完后 页面渲染完后的方法里 let leftResultDiv = document.getElementById('leftResult'); //获取div的dom setTimeout(() => { leftResultDiv.onmouseover = function () { //监听鼠标移入原创 2021-05-31 17:48:50 · 2238 阅读 · 0 评论 -
vue实践 Leaflet地图标注(图注,位置)带数字对应显示
效果:leaflet地图容器的初始化和图层的加载就不说了,都是基础。 上图用的是天地图,以下是在vue中步骤上图效果图主要为地图页面,和右侧列表页面主页面地图页面 index.vue 里(地图页面)列表页面queryResult<query-result @proQuery="proQuery" @setPoint_zk="setPoint_zk" @clear_marker_layer="clear_marke原创 2021-01-29 14:00:50 · 2777 阅读 · 1 评论 -
leaflet地图的popup冒泡替换setContent原生代码,popup自定义内容
事件setContent在官网上的leaflet冒泡popub里,内容里都是用原生代码加进去,如果只是简单的显示用原生的很好写,没问题。但是一旦涉及到如果popub要显示复杂的内容,那就很麻烦了,js都得写半天还不一定能一次成功。解决办法在vue里像平常一样定义div,然后给个id。我们用document.getElementById去获取节点。示例首先正常的初始化地图我就不说了,官网或百度例子很多。//准备popub显示的内容<div id="searchZuankongDetail"原创 2020-12-09 10:01:33 · 1467 阅读 · 0 评论