1. 建圖層

資料儲存 => 新增新的資料儲存 => 選擇mysql => 設定連線引數

圖層 => 新增新的資源 => 新建圖層 =>
如果mysql裡的表裡有geometry欄位，則可以選擇 【建立新的要素型別】
如果表裡只有x,y欄位，則可用【配置新的sql檢視】

2. 釋出服務

3. layerview 預覽

4. 跨域處理

以tomcat釋出的geoserver，需在 \conf\web.xml新增

<filter>
  <filter-name>CorsFilter</filter-name>
  <filter-class>org.apache.catalina.filters.CorsFilter</filter-class>
  <init-param>
    <param-name>cors.allowed.origins</param-name>
    <param-value>*</param-value>
  </init-param>
</filter>
<filter-mapping>
  <filter-name>CorsFilter</filter-name>
  <url-pattern>/*</url-pattern>
</filter-mapping>
 

重啟服務

5. arcgis js 4 載入 geoserver wms服務

  var sublayers = new Collection()
  var sublayer1 = new WMSSublayer({
    name: '（工作區名稱）: （圖層名稱）',
    queryable: true,
    popupEnabled: false
  })
  sublayers.push(sublayer1)

  var wmsLayer = new WMSLayer('http://localhost:8080/geoserver/（工作區名稱）/wms', {
    imageFormat: 'image/png',
    version: '1.1.1',
    sublayers: sublayers
  })
  wmsLayer.on('error', function (response) {
    console.log('Error: %s', response.error.message)
  })
  map.addLayer(wmsLayer)