• openlayers根据x,y坐标加载点到地图上


    1.比如一个有三个点的对象

    let obj = [[1,1],[2,2],[3,3]];

    2.用这三个点的坐标生成一个图层加载到地图上

    let features = new Array();
        for (let i = 0; i < obj .length; i++) {
          let point = new Point([obj [i][0], obj[i][1]]);
          features.push(new Feature(point));
        }
        let source = new VectorSource({
          features: features,
        });
        let vectorLayer = new VectorLayer({
          source: source,
          style:
            function (feature) {
              return new Style({
                image: new CircleStyle({
                  radius: 5,
                  fill: new Fill({//面的填充
                    color: 'rgba(0, 0, 255)',
                  }),
                  stroke: new Stroke({ color: 'red',  1 }),
                })
              })
            }
        });
        this.map.addLayer(vectorLayer);
    3.ol引入:
    import Point from 'ol/geom/Point';
    import Feature from 'ol/Feature';
    import VectorLayer from 'ol/layer/Vector';
    import VectorSource from 'ol/source/Vector';
    import { Stroke, Style, Icon, Text as TextStyle, Circle as CircleStyle, Fill } from 'ol/style.js';
  • 相关阅读:
    nginx负载均衡
    docker 使用之管理工具shipyard(五)
    docker使用之私有仓库构建(四)
    docker使用之dockerfile手动构建镜像(三)
    docker 使用之网络和存储(二)
    docker部署和使用(一)
    Java微信公众号开发
    Java实现验证码的制作
    SSH框架-Struts2基础-Action
    Java算法
  • 原文地址:https://www.cnblogs.com/maycpou/p/14572747.html
Copyright © 2020-2023  润新知