openlayers
今天也需要努力搬砖呐
现在没事儿就总结下办公遇到的问题
展开
-
vue+openlayers 显示等值面图片的效果
实现用图片加载到地图上原创 2022-12-27 11:13:52 · 439 阅读 · 0 评论 -
vue+openlayers 实现台风效果 ***
实现台风效果 <img id="tfImg" src="../../public/editor-0.8s-47px.gif" /> <!-- 台风hover信息 --> <div id="tfHoverInfo"> <!-- {{tf2HoverInfo}} --> <div>强度:{{ tf2HoverInfo.vti }}</div> <div>东经:{{ tf2H.原创 2022-04-29 14:09:05 · 3119 阅读 · 2 评论 -
vue+openlayers 实现hover效果弹框 或者 点击事件弹框
vue+openlayers 实现hover(pointermove )效果弹框 或者 点击(click)事件弹框、首先先写个盒子<div id="featureTiPing" v-drag></div>布局样式/* 新弹框*/ #featureTiPing { position: absolute; top: 10px; left: 50px; width: 287px; background-color: #000000; border-ra原创 2022-04-21 15:59:34 · 4753 阅读 · 2 评论 -
openlayers 实现聚合点 img图片型
openlayers+vue 实现聚合点 img图片型首先是在data中去引入静态图片//图片引入imgUrl: require("@/assets/77.png"),然后在methods中写个函数 groundgreendot(mapListdataS){ //创建画板 let sourceArr = new SourceVec({}); for (var i = 0; i <= mapListdataS.length - 1; i++) {原创 2022-04-14 13:19:04 · 503 阅读 · 0 评论 -
openlayers+vue实现在地图上删除text文本
openlayers+vue实现在地图上删除text文本标注//根据图层名称移出图层 removeLayerByName(layerName) { let layerArr = this.map.getLayers().array_; for (let i = 0; i < layerArr.length; i++) { let ln = layerArr[i].values_.name; if (ln == layerName) {原创 2022-04-13 13:44:35 · 1005 阅读 · 0 评论 -
openlayers +vue 实现聚合点text文字显示和base64图片显示
openlayers +vue 实现聚合点text文字显示和base64图片显示在业务中广泛是运用 所以在这里记录下mapListdataS是接口中传过来的值addMarker(mapListdataS) { //创建画板 let sourceArr = new SourceVec({}); for (var i = 0; i <= mapListdataS.length - 1; i++) { //点的坐标信息 // let原创 2022-04-12 13:19:16 · 2642 阅读 · 0 评论 -
openlayers 实现等值面地图上贴图
openlayers 实现等值面原创 2022-03-31 09:12:57 · 860 阅读 · 1 评论 -
openlayers 实现右键弹框效果
因为业务需要,这个需求需要的地方太多再次记录一下 使用openlayers +vue**首先先实现布局需要有map地图的容器 **这个可以多搜索下openlyers有这实现在线地图的方法 <div id="popuper" class="ol-popup" v-show="rightContentShowFlag"> <div id="popup-content" class="popup-content"> <ul>原创 2022-03-30 16:29:37 · 1741 阅读 · 4 评论