09 2022 档案

【OpenLayers笔记】地图上显示html的覆盖物 - Overlay

摘要：添加一个html覆盖层标签：核心代码： let overlay = new Overlay({ //设定html元素的基准位置(默认左上角) positioning: "center-center", //鼠标放置在标签元素上，地图是否能停止事件交互 stopEvent: false, eleme 阅读全文

posted @ 2022-09-27 12:16 碎月阅读(200) 评论(0) 推荐(0) 编辑

【OpenLayers笔记】Feature选中交互

摘要：map.addInteraction( new Select({ style: function (feature) { //可以返回单个Style也可以返回Array.<Style> return [ new Style({ //选中Feature之后描边线为白色 stroke: new Stro 阅读全文

posted @ 2022-09-27 11:44 碎月阅读(132) 评论(0) 推荐(0) 编辑

【OpenLayers笔记】绘制描边线

摘要：let layer = new VectorLayer(); //新建一个绘线层 let feature = new Feature({ geometry: new LineString([ fromLonLat([114, 24]), //线的点坐标 fromLonLat([114.01, 24. 阅读全文

posted @ 2022-09-27 09:34 碎月阅读(370) 评论(0) 推荐(0) 编辑

【OpenLayers笔记】加载天地图

摘要：const map = new Map({ target: "map", layers: [ new TileLayer({ source: new XYZ({ url: "http://t0.tianditu.gov.cn/img_w/wmts?SERVICE=WMTS&REQUEST=GetTi 阅读全文

posted @ 2022-09-27 09:17 碎月阅读(339) 评论(0) 推荐(0) 编辑

JS实现拖拽效果

摘要：HTML部分 <div id="container" > <div id="drag"> 拖拽区域 </div> </div> CSS部分： #container { width: 300px; /* overflow: hidden有效阻止鼠标超出拖动范围而触发mousemove回调 */ ove 阅读全文

posted @ 2022-09-02 13:19 碎月阅读(180) 评论(0) 推荐(0) 编辑