WebGIS二次开发-2-矢量图层

团子WebGIS

于 2023-02-15 08:59:29 发布

阅读量194

点赞数

分类专栏： WebGIS GIS javascript 文章标签： javascript ecmascript vue.js 学习 Powered by 金山文档

本文链接：https://blog.csdn.net/bguihiub/article/details/129036821

版权

WebGIS 同时被 3 个专栏收录

22 篇文章 4 订阅

订阅专栏

GIS

21 篇文章 0 订阅

订阅专栏

javascript

12 篇文章 1 订阅

订阅专栏

加载矢量图层不需要IGServer发布，可以直接通过URL地址加载。

一、通过MapGIS得到URL地址

二、调用接口

http://develop.smaryun.com:81/API/JS/OL5InterfaceDemo/index.htm

三、加载矢量图

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../lib/include-openlayers-local.js"></script>
  </head>
  <body>
    <div id="map_container">
      
    </div>
    <script>
      /* 要显示的图层的gdbps地址 */
      const gdbps = ['gdbp://MapGISLocalPlus/GIS_DEMO01/sfcls/point']
      /* 创建一个图层 */
      const VecLayer = new Zondy.Map.GdbpLayer('',gdbps,{
        ip:'localhost',
        port:'6163'
      })
      const map = new ol.Map({
        target:"map_container",
        layers:[VecLayer],
        view:new ol.View({
          projection:'EPSG:4326',
          center:[0,0],
          zoom:1
        })
      })
    </script>
  </body>
</html>