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

一、通过MapGIS得到URL地址

3、加载矢量图层 - 图1

二、调用接口

http://develop.smaryun.com:81/API/JS/OL5InterfaceDemo/index.htm
3、加载矢量图层 - 图2

三、加载矢量图

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. <script src="../lib/include-openlayers-local.js"></script>
  9. </head>
  10. <body>
  11. <div id="map_container">
  12. </div>
  13. <script>
  14. /* 要显示的图层的gdbps地址 */
  15. const gdbps = ['gdbp://MapGISLocalPlus/GIS_DEMO01/sfcls/point']
  16. /* 创建一个图层 */
  17. const VecLayer = new Zondy.Map.GdbpLayer('',gdbps,{
  18. ip:'localhost',
  19. port:'6163'
  20. })
  21. const map = new ol.Map({
  22. target:"map_container",
  23. layers:[VecLayer],
  24. view:new ol.View({
  25. projection:'EPSG:4326',
  26. center:[0,0],
  27. zoom:1
  28. })
  29. })
  30. </script>
  31. </body>
  32. </html>