Openlayers7的官方示例如何使用?(以测距测面为例)

一、前言

        openlayers官方给了很多示例,其中测距测面是常用功能。本文以此为例简单说明如何实现。

步骤:

        1.首先要安装一下node.js,如何下载去官网搜就行了。

        2.要在开发工具(我用的是HBuilder)创建两个文件,分别为index.html、main.js,把官网实例的内容复制进去。

         3.Alt + C 打开当前项目的终端,首先输入npm init -y(获得一个package.json文件),接着分别输入 npm install ol(下载openlayers包) 和 npm init -y vite(开发工具)

         4.package.json中的script{test...}改为"

        scripts": {
        "start": "vite",
        "build": "vite build"
          }

最后的package.json 的配置:

{
  "name": "_demo", 
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "vite",
    "build": "vite build"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "ol": "7.1.0"    注意版本
  },
  "devDependencies": {
    "@babel/core": "latest",
    "vite": "^3.1.6"  版本不影响
  }
}

5.最后打开终端,输入npm run start 即可看到示例 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值