检查了一下代码，原来是直接矢量的资源给加载进去了。

    var wfsVectorSource = new ol.source.Vector({
        format: new ol.format.GeoJSON(),
        projection: 'EPSG:4326',
        url: function(extent) {
            return 'http://localhost:8080/geoserver/sde/wfs?service=WFS&version=1.0.0&request=GetFeature&typeName=sde:lianhua &outputFormat=application%2Fjson&srsname=EPSG:4326';
        strategy: ol.loadingstrategy.bbox
 map.addLayer(wfsVectorSource)

正确的方式应该是下面的方式。

    var wfsVectorSource = new ol.source.Vector({
        format: new ol.format.GeoJSON(),
        projection: 'EPSG:4326',
        url: function(extent) {
            return 'http://localhost:8080/geoserver/sde/wfs?service=WFS&version=1.0.0&request=GetFeature&typeName=sde:lianhua &outputFormat=application%2Fjson&srsname=EPSG:4326';
        strategy: ol.loadingstrategy.bbox
    var wfsVectorLayer = new ol.layer.Vector({
        source: wfsVectorSource,
        style: new ol.style.Style({
            image:new ol.style.Circle({
                radius: 5,
                fill: new ol.style.Fill({
                    color: "#3885ff",
                    opacity: 0.5
map.addLayer(wfsVectorLayer)

本次使用 open layer s加载geoserver的目的是在geoserver上发布公司项目的街道背景图作为底图，配合postgis发布离线地图（自定义的地图）。 geoserver使用教程 先到官方上下载geoserver的压缩包 我使用的是–version = 2.18-SNAPSHOT 本地解压后，确认两件事 1.安装jdk环境 2.安装tomcat环境，geoserver的启动是基于tomcat服务器启动的。 一、 Layer 介绍 Layer 是Map的核心组成部分，ol定义了四种基本的图层类型，分别是分别是Tile（瓦片）、Image（图片）、Vector（矢量）、VectorTile（矢量切片），这四种类有一个共同的基类 Layer ，它们的大多数属性和方法都继承自这个类。 其主要使用流程就是先设置相关参数创建，然后添... 一个点图层vector layer ，样式用的Text，表达一个事实测量值，会不断刷新变化。 以前（没有用到vue框架，很原始的模式）的做法，更新后将新的TextStyle保存到feature里面，然后 layer .getSource().refresh()，在 function Style里面，直接return feat.get('style')。 没有问题，正常刷新。 现在的项目用到vue，也不知道跟vue有没有关系哈，只是记录一下环境。 套用原来的做法，发现问题， 问题1：每当 layer .getSou. 由于最近在学习QT的应用与 开发 ，所以第一步必须要搭建 开发 环境。然而如今发现当初给虚拟机分配的硬盘空间明显不足，导致QT_SDK的安装失败。 于是在网上搜索关于扩展硬盘空间的办法，浏览网站无数，但基本思路就两条： 1。在原有硬盘的基础上扩展硬盘空间，但是步骤过于麻烦，而且一不小 ##这里是 Layer 的声明 <script type="text/javascript" src="../static/js/plugins/ layer / layer .min.js"></script> ##这里是jquery的声明 <script src="../static/js/jquery.min.js?v=2.1.4" 一、 离线地图数据下载 离线地图下载，可以使用bigemap地图下载器全能版（下载地址http://www.bigemap.com/reader/download/detail201802015.html）。 打开bigemap地图下载器，左上角“选择地图”选择谷歌地球，右上角“选择行政区域”我们...