首页 > 代码库 > 动态标绘演示系统1.0(for OpenLayers3)
动态标绘演示系统1.0(for OpenLayers3)
实现OpenLayers3(http://openlayers.org)版本号的动态标绘API。眼下1.0版本号,仅支持简单符号绘制。
在线体验地址:http://gispace.duapp.com/plot4ol3
演示样例代码下载: 点击进入下载页
演示样例代码例如以下:
var map, plotDraw, drawOverlay, drawStyle;
function init(){
// 初始化地图。底图使用openstreetmap在线地图
map = new ol.Map({
target: ‘map‘,
layers: [
new ol.layer.Tile({
//source: new ol.source.MapQuest({layer: ‘sat‘})
source: new ol.source.Stamen({
layer: ‘watercolor‘
})
})
],
view: new ol.View({
center: ol.proj.transform([37.41, 8.82], ‘EPSG:4326‘, ‘EPSG:3857‘),
zoom: 4
})
});
// 初始化标绘绘制工具,加入绘制结束事件响应
plotDraw = new gispace.tool.PlotDraw(map);
plotDraw.on(gispace.event.PlotDrawEvent.DRAW_END, onDrawEnd, false, this);
// 设置标绘符号显示的默认样式
var stroke = new ol.style.Stroke({color: ‘#FF0000‘, width: 2});
var fill = new ol.style.Fill({color: ‘rgba(0,255,0,0.4)‘});
drawStyle = new ol.style.Style({fill:fill, stroke:stroke});
// 绘制好的标绘符号,加入到FeatureOverlay显示。
drawOverlay = new ol.FeatureOverlay();
drawOverlay.setStyle(drawStyle);
drawOverlay.setMap(map);
}
// 绘制结束后,加入到FeatureOverlay显示。
function onDrawEnd(event){
var feature = event.feature;
drawOverlay.addFeature(feature);
}
// 指定标绘类型,開始绘制。
function activate(type){
plotDraw.activate(type);
};
动态标绘演示系统1.0(for OpenLayers3)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。