便利贴--6{OpenLayers,vue项目，画点}

最新推荐文章于 2024-09-13 10:14:26 发布

原创

最新推荐文章于 2024-09-13 10:14:26 发布 · 409 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

本文介绍如何在OpenLayers项目中利用Vue进行点的绘制，并详细展示了如何通过修改Draw.js来实现点的绘制功能。同时提供了具体代码示例，包括如何设置绘点交互、样式以及如何在地图上显示绘制的点。

便利贴--6{OpenLayers,vue项目，画点}

同画线一样，简单粗暴，直接复用

同画线一样，简单粗暴，直接复用

只是加个数据在Draw.js中

  _this.isPoint = options.isPoint;
    /***
     * 是否是点
     */
    _this.coordinateOverPoint = options.coordinateOverPoint;
    /***
     * 输出点
     */
    -------------------找到这个函数 加下面几行就好
    Draw.prototype.handleUpEvent = function (event) {
   
   
    // console.log(event.coordinate_, 'handleUpEvent')//获取坐标点
    if (this.isPoint) {
   
   //判断是点直接抛出！
      this.coordinateOverPoint(event);
      this.finishDrawing();
      return;
    }
    var pass = true;
    if (this.getPointerCount() === 0) {
   
   
      if (this.downTimeout_) {
   
   
        clearTimeout(this.downTimeout_);
        this.downTimeout_ = undefined;
      }
      this.handlePointerMove_(event);
      if (this.shouldHandle_) {
   
   
        var startingToDraw = !this.finishCoordinate_;
        if (startingToDraw) {
   
   
          //开始后抬起
          // this.coordinateOverPoint(event);
          this.coordinate(event);
          this.startDrawing_(event.coordinate);
        }
        if