Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/382.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用openlayers在给定坐标的地图上绘制点?_Javascript_Maps_Openlayers_Openstreetmap - Fatal编程技术网

Javascript 使用openlayers在给定坐标的地图上绘制点?

Javascript 使用openlayers在给定坐标的地图上绘制点?,javascript,maps,openlayers,openstreetmap,Javascript,Maps,Openlayers,Openstreetmap,我试着在openlayers地图上从大约300个经纬度坐标的表格中画出大约300个点。我在他们的网站上只找到了一个点,但它可以通过用户的鼠标点击绘制一个点,而不是自动绘制。有没有办法根据代码在地图上画一个点? 谢谢。要在地图上绘制点或任何其他几何图形,只需 使用要绘制的特征创建一个源(在本例中为矢量源)。 创建一个图层,在本例中为矢量图层,使用步骤1中的源和您喜欢的样式。 将图层添加到地图中。 这就是你所需要做的。看看我为您制作的示例,它生成300个随机点特征,然后按照我前面描述的步骤进行操作

我试着在openlayers地图上从大约300个经纬度坐标的表格中画出大约300个点。我在他们的网站上只找到了一个点,但它可以通过用户的鼠标点击绘制一个点,而不是自动绘制。有没有办法根据代码在地图上画一个点?
谢谢。

要在地图上绘制点或任何其他几何图形,只需

使用要绘制的特征创建一个源(在本例中为矢量源)。 创建一个图层,在本例中为矢量图层,使用步骤1中的源和您喜欢的样式。 将图层添加到地图中。 这就是你所需要做的。看看我为您制作的示例,它生成300个随机点特征,然后按照我前面描述的步骤进行操作

.地图{ 高度:400px; 宽度:100%; } 代码中的随机点 代码中的300个随机点 //生成300个随机点特征 常量getRandomNumber=函数最小值,参考{ 返回Math.random*ref+min; } 常量特征=[]; 对于i=0;i<300;i++{ features.pushol.features{ 几何图形:新ol.geom.Pointol.proj.fromLonLat[ -getRandomNumber50,50,getRandomNumber10,50 ] }; } //为随机要素创建源和图层 const vectorSource=新ol.source.Vector{ 特征 }; const vectorLayer=新ol.layer.Vector{ 来源:矢量源, 风格:新的ol风格{ 图片:新ol.style.Circle{ 半径:2, 填充:新ol.style.fill{color:'red'} } } }; //创建地图并添加图层 常量映射=新ol.map{ 目标:“地图”, 图层:[ 新ol.layer.Tile{ 来源:new ol.source.OSM }, 矢量层 ], 视图:新ol.view{ 中心:Lonlat[-75,35]的其他项目, 缩放:2 } };
非常感谢您的回答!你也知道如何分别给每个按钮上色吗?是的,但没问题,我知道如何使用setStyle