layer添加元素 openlayer_OpenLayers使用点要素作为标记

使用点要素作为标记

functioninit(){varmap= newOpenLayers.Map("ch3_feature_markers");varlayer= newOpenLayers.Layer.OSM("OpenStreetMap");

map.addLayer(layer);

map.addControl(newOpenLayers.Control.LayerSwitcher());

map.setCenter(newOpenLayers.LonLat(0,0),2);varpointLayer= newOpenLayers.Layer.Vector("Features", {

projection:"EPSG:933913"});

map.addLayer(pointLayer);//新建一些随机的要素点

varpointFeatures=[];for(vari=0; i< 150; i++) {varpx=Math.random()* 360 - 180;varpy=Math.random()* 170 - 85;//将经纬度坐标转换为地图工程.

varlonlat= newOpenLayers.LonLat(px, py);

lonlat.transform(newOpenLayers.Projection("EPSG:4326"),newOpenLayers.Projection("EPSG:900913"));varpointGeometry= newOpenLayers.Geometry.Point(lonlat.lon, lonlat.lat);varpointFeature= newOpenLayers.Feature.Vector(pointGeometry);

pointFeatures.push(pointFeature);

}//将要素添加到图层中

pointLayer.addFeatures(pointFeatures);//当要素选中之后的事件控制

pointLayer.events.register("featureselected",null,function(event){varlayer=event.feature.layer;

event.feature.style={

fillColor:'#ff9900',

fillOpacity:0.7,

strokeColor:'#aaa',

pointRadius:12};

layer.drawFeature(event.feature);

});//当要素未选中之后的事件控制

pointLayer.events.register("featureunselected",null,function(event){varlayer=event.feature.layer;

event.feature.style= null;

event.feature.renderIntent= null;

layer.drawFeature(event.feature);

});//添加到触发矢量图层上的事件需要选择功能控制。

varselectControl= newOpenLayers.Control.SelectFeature(pointLayer);

map.addControl(selectControl);

selectControl.activate();

}

layer添加元素 openlayer_OpenLayers使用点要素作为标记相关推荐

layer添加元素 openlayer_OpenLayers 官网例子的中文详解
当你希望实现某种功能的时候,即使你对 openlayers 几乎一窍不通,照着官网的例子做,也可以很快的实现想要的效果. 问题在于,官网的例子都是英文啊,不能很快定位到想要的效果是在哪个例子里面!!( ...
iD学习 - 要素及属性
Presets and Fields Presets Preset文件 Preset结构 Preset属性 name geometry tags addTags removeTags Fields / ...
Query Layer介绍
Query Layer介绍题记 Query Layer的具体介绍大家在2010年Esri中国北方用户大会分发的ArcGIS中国通讯上已经有<ArcGIS10新特性之Query Layer介绍& ...
Openlayers 图形要素 Feature 闪烁
Openlayers 图形要素 Feature 闪烁 OpenLayers 教程 Openlayers 图形要素 Feature 闪烁在线示例 OpenLayers 教程工作中有时候会遇到图形要素 ...
[Python] GDAL/OGR操作矢量数据（shp、GeoJSON）
GDAL项目旨于地理数据抽象模型对地理数据文件进行读写管理:而其项目下有两大类模块:GDAL和OGR OGR提供操作矢量数据的API,GDAL模块提供栅格数据的API [相关链接] 1.GDAL/OG ...
浏览器工作原理探究详解
浏览器工作原理探究标签: 浏览器工作原理 / web性能优化引言最近对web的性能优化比较感兴趣,而前端代码主要在浏览器工作的.如果对浏览器的工作原理了解清楚,可以为web性能优化提供方向以及理 ...
前端文摘：深入解析浏览器的幕后工作原理(转)
前端文摘:深入解析浏览器的幕后工作原理 https://www.cnblogs.com/lhb25/p/how-browsers-work.html 您可能感兴趣的相关文章 10大流行 Metro U ...
unity网络游戏开发
[千锋合集]史上最全Unity3D全套教程|匠心之作_哔哩哔哩_bilibili toggle group的添加自己搭建UI和预设体 using System.Collections; using ...
ArcGIS Runtime SDK for iOS之符号和渲染
本篇文章翻译自与点击打开链接,有不妥之处还请大家多多指正! 符号定义了图形外观的非地理方面.它包括了图形的颜色.线宽.透明度等等.ArcGIS Runtime SDK for iOS包含了许多符号类, ...
深入解析浏览器的幕后工作原理
前端文摘:深入解析浏览器的幕后工作原理(转载出处) 您可能感兴趣的相关文章 10大流行 Metro UI Bootstrap 主题和模板精选12款优秀 jQuery Ajax 分页插件和教程 10大 ...

layer添加元素 openlayer_OpenLayers使用点要素作为标记

layer添加元素 openlayer_OpenLayers使用点要素作为标记相关推荐

最新文章

热门文章