shp数据在html中的加载方法（Geosever与Geojson）

最新推荐文章于 2024-06-10 17:18:33 发布

SRednote

最新推荐文章于 2024-06-10 17:18:33 发布

阅读量559

点赞数

分类专栏： webgis 文章标签： html 前端 javascript

本文链接：https://blog.csdn.net/qq_45739389/article/details/128838108

版权

shp数据在html中的加载方法（Geosever与Geojson）

絮絮叨叨
引用

絮絮叨叨

前端分为三层
结构层对应html，用来描述整个页面的结构
表现层对应css
行为层对应javascript

引用

shp数据添加到html中引用主要有两种方法，
一个是转为geojson数据，本地引用修改的js文件，
另一个是geosever发布在线服务，引用url。

创建基础底图

例子+注释比较看的明白，

<!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>引入geojson文件</title>
    <link rel="stylesheet" href="leaflet.css">                              //引用leafet css与js
    <script src="leaflet.js" type="text/javascript"></script>

    <style>
        * {
            marg