使用node.js在ol3中绘制功能
哈尔786
尝试在选项卡1上绘制特征后发出几何图形。然后尝试使用socket.on重画功能以显示在选项卡2上。但是由于某些原因，未绘制特征。
window.onload = function init() {
var source = new ol.source.Vector({ wrapX: false });
//create a base vector layer to draw on
var vector = new ol.layer.Vector({
source: source,
});
var raster = new ol.layer.Tile({
source: new ol.source.OSM()
});
//create map
map = new ol.Map({
layers: [raster, vector],
target: 'map',
controls: ol.control.defaults({
attributionOptions: /** @type {olx.control.AttributionOptions} */ ({
collapsible: false
})
}),
view: new ol.View({
center: [0,0],
zoom: 10
})
});
function drawShape(value) {
var value = value;
if (value !== 'None') {
draw = new ol.interaction.Draw({
source: source,
type: /** @type {ol.geom.GeometryType} */ (value)
});
map.addInteraction(draw);
draw.on('drawend', function (event) {
// Get the array of features
var feature = event.feature
try {
map.removeInteraction(draw);
socket.emit('new polygon', feature.getGeometry().getCoordinates());
socket.emit('chat message', feature.getGeometry().getCoordinates());
} catch (err) { }
});
}
}
var socket = io();
socket.on('new polygon', function (msg) {
var thing = new ol.geom.Polygon(msg);
var featurething = new ol.Feature({
name: "Thing",
geometry: thing
});
source.addFeature(featurething);
});
}
运行脚本时，味精包含一个坐标数组。控制台中没有任何内容。
我是node.js的初学者。有人知道我在做什么错
hr
发现错误。在您的socket.on回叫中，您正在呼叫
source.addFeatures(featurething);
什么时候应该
source.addFeature(featurething); // single feature, no s
或者
source.addFeatures([featurething]); // put it in an array
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
对在ol3中使用向量投影感到困惑
- 2
如何在OL3中使用SLD设置图层样式
- 3
ol3中单个功能的多个图标
- 4
ol3 / OpenLayers 3：如何对ol.format.KML（）使用readNetworkLinks方法？
- 5
拖动功能POLYGON OL3
- 6
使用Node JS导出功能
- 7
强制在OL3中渲染ImageCanvas图层？
- 8
如何在OL3中获取图层或源的类型？
- 9
在OL3中保存多个点的坐标
- 10
强制在OL3中渲染ImageCanvas图层？
- 11
在Node.js中使用导出的功能
- 12
使用d3 js在phant中绘制json数据
- 13
使用d3js根据用户选择调用备用图表绘制功能
- 14
使用给定功能绘制3色图形
- 15
使用Node js和D3实时在地图上绘制状态名称
- 16
如何使用Node JS使用参数执行Powershell脚本功能？
- 17
使用node-nan在node.js模块中的SetWindowsHookEx
- 18
安装和使用Node JS
- 19
安装和使用Node JS
- 20
使用Node.js登录
- 21
使用章鱼部署Node js
- 22
Node js 端口已被使用
- 23
OL3在手机或平板电脑上绘制徒手绘制的多边形或线串
- 24
OL3在手机或平板电脑上绘制徒手绘制的多边形或线串
- 25
使用MySQL在Node JS中嵌套查询
- 26
使用Node JS在MongoDb中聚合查询
- 27
使用PUT在Node.js中删除
- 28
转换 OL3 几何 EPSG
- 29
为什么要使用同步功能node.js
我来说两句