openlayers
ol
肆爪
已转行,博客不再更新,评论不再回复。
展开
-
openlayers加载arcgis的在线服务图层
arcgis底图图层网址 http://map.geoq.cn/ArcGIS/rest/services打开网址之后就看到这6个图层,按需加载即可每次只需要更改图层名就可以了原创 2020-11-10 16:11:36 · 1173 阅读 · 1 评论 -
openlayers给wms服务图层设置透明度
var wmsSource = new ol.layer.Tile({ source: new ol.source.TileWMS({ url: url, params: {'LAYERS': 'noiseMap', 'singleTile': true} }) })map.addLayer(wmsSource);wmsSource.setOpacity(0.5)原创 2020-11-09 17:34:29 · 1307 阅读 · 0 评论 -
删除图层(随笔、非正经帖子)
layer.getSource().addFeatures(geojson);清除的时候用的map.removeLayer(layer)结果再次显示就不出来了清除应该用layer.getSource().clear()之前都没注意原创 2020-11-09 15:54:47 · 260 阅读 · 0 评论 -
WFS过滤条件空间查询
// And标签相当于&&// Or相当于||var filter = ` <Filter> <And> <PropertyIsEqualTo> <PropertyName>NAME</PropertyName> .原创 2020-11-06 15:58:34 · 1088 阅读 · 0 评论 -
声环境功能区配色方案(openlayers)
//功能区配色方案var areaObj = { '0类区': [new ol.style.Style({ fill: new ol.style.Fill({ color: [255, 255, 153, 0.5] }) })], '1类区': [new ol.style.Style({//面声源的样式 fill: new ol.style.Fill({ color: [204,...原创 2020-11-06 15:48:48 · 287 阅读 · 0 评论 -
openlayers解析点位xml文件并加载到地图上
纯记载一下这个写法$.ajax({ type: "post", url: url, async: false, dataType: "xml", contentType: "application/x-www-form-urlencoded;charset=utf-8", success: function (data) { var url = data.getElementsByTagName("Table1"); fo原创 2020-10-27 17:07:52 · 567 阅读 · 0 评论 -
openlayers设置图层显示层级
var layer = new ol.layer.Vector({ source: new ol.source.Vector({ projection: 'EPSG:4326', format: new ol.format.GeoJSON() }), style: styleFunction, zIndex:9999});在var map实例里设置了图层的顺序,但是像map.addLayer(xxx)的图层就没有在map里,这些a..原创 2020-08-17 11:42:54 · 5442 阅读 · 0 评论 -
openlayers点击wms服务获取当前点击图层的图层名
需求:openlayers加载geoserver发布的三个wms图层,然后分别给三个图层添加注记弹框。 在网上搜了一天多一直没有找到openlayers怎么可以获取当前点击的图层名,今天终于在简书上看到一个评论里有人也在问同样的问题,惊于世界之小啊!于是我去人家主页一找,果然找到了解决方法。我上次依稀记得我找到了获取图层名的方法,在map实例的点击事件里输出的参数e里找到的,当时不知道是没有记还是记哪儿给删了。再找就是越来越绝望啊,终于解决了啊啊啊啊,大周五的喜大普奔啊 ...原创 2020-07-10 15:19:20 · 2688 阅读 · 2 评论 -
openlayers加载天地图
var projection = ol.proj.get("EPSG:4326");var projectionExtent = projection.getExtent();var res = [ 1.40625, 0.703125, 0.3515625, 0.17578125, 0.087890625, 0.0439453125, ...原创 2019-12-17 14:43:40 · 899 阅读 · 0 评论 -
openlayers和百度API实现点击地图加载全景的功能
h5页面:就一div,不想用百度自带的空间就自己加了一个关闭全景的button<div id="panoramic" style="display: none;"> <button id="panorama_btn" style="display: none;">关闭全景</button></div>js代码:...原创 2019-12-16 16:45:06 · 982 阅读 · 0 评论 -
openlayers结合天地图的精准搜索定位
项目中的一个功能是只允许用户搜索某市范围之内的地点,用的天地图的搜索,用行政区划的国标码来筛选范围$.getJSON('http://api.tianditu.gov.cn/search?postStr=' + '{"keyWord":"' + place + '","level":"11","specifyAdminCode":"156330109","mapBou...原创 2019-08-28 10:36:14 · 1525 阅读 · 0 评论 -
openlayers在加载百度地图的基础上加要素图层
注意:这个方法是openlayers加载百度的在线服务瓦片图层,openlayers加载百度地图坐标会有偏差,引入一个坐标转换源文件即可,这种方法可以将偏差降低最小,文件内容参照https://blog.csdn.net/du_5pet/article/details/86679606var baidu = new ol.layer.Tile({ source: new ol.s...原创 2019-01-28 17:13:54 · 2652 阅读 · 0 评论 -
openlayers结合百度地图API加载搜索定位功能
//每次请求之前清空上一次搜索的图层 searchPlaceLayer.getSource().clear() $.ajax({ //url中的参数含义参见百度地图官网webAPI文档 url: 'http://api.map.baidu.com/place/v2/search?query=大唐芙蓉园&region=西安市&p...原创 2019-01-28 17:37:31 · 2421 阅读 · 0 评论 -
openlayers加载百度地图提示跨域
在项目中用ajax请求外部百度地图服务网址时提示跨域,只能前端用jsonp来解决了,就把你的ajax加上这些参数就行了$.ajax({ url: url, type: "GET", async: false, dataType: "jsonp", jsonp: "callback", jsonp...原创 2019-01-28 17:45:04 · 580 阅读 · 0 评论 -
openlayers结合input标签的range滑块来调整图层透明度
//首先这是图层的样式,加载要素时根据Properties里的layer_name字段来加载不同样式var styles = { 'layer1': [new ol.style.Style({ stroke: new ol.style.Stroke({ color: [255, 255, 153, 0.5], width:...原创 2019-01-30 16:27:24 · 786 阅读 · 6 评论 -
openlayers结合多选框在控制一个图层显隐性时加载过慢的问题
在做功能区图层全选多选时,正常图层的加载应该是2、3秒即可加载完毕,但是当选择某区域某类区时,竟然用了十几秒才加载出来,后来找出问题竟然是for循环中对json数据格式转换代码的问题,原代码是:var dataFeatures = msg.layervar lilen = $("#point_ul ul").length;clearlayerSource(pointLayer);cle...原创 2019-02-19 14:23:38 · 1151 阅读 · 0 评论 -
openlayers加载WMS服务图层
var tian_di_tu_road_layer = new ol.layer.Tile({ title: "天地图路网", source: new ol.source.XYZ({ url: "http://t4.tianditu.com/DataServer?T=vec_w&x={x}&y={y}&l={z}&...原创 2019-04-19 10:42:40 · 6192 阅读 · 0 评论 -
openlayers点击wms图层获取其信息
var wmsSource = new ol.source.ImageWMS({ url: buildIp+'/geoserver/tianjin/wms', params: {'LAYERS': 'tianjin:tianjin_build_leqn'}, serverType: 'geoserver', crossOrigin: 'anonymous'...原创 2019-08-14 13:48:38 · 3101 阅读 · 4 评论 -
openalyers加载百度地图——转换坐标、降低经纬度偏差
var forEachPoint = function(func) { return function(input, opt_output, opt_dimension) { var len = input.length; var dimension = opt_dimension ? opt_dimension : 2; var output; if (op...转载 2019-01-28 16:53:16 · 930 阅读 · 6 评论