首先需要引入openlayer api开发包。两种方式：
1、import方式，也就是npm安装，npm install ol
2、外部js引入。
下载地址：https://github.com/openlayers/openlayers
历史版本地址：Releases · openlayers/openlayers · GitHub
里边有源码，有打包的文件。
下载后直接放入本地项目，在html文件引入即可
<link href="/static/openlayer/ol/ol.css" rel="stylesheet" />
<script type="text/javascript" src="/static/openlayer/ol/js/ol.js"></script> 3、引用cdn在线的,不推荐，毕竟在线的受网络影像，但是做做demo样例可以用
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/ol@v7.3.0/ol.css" type="text/css">
<script src="https://cdn.jsdelivr.net/npm/ol@v7.3.0/dist/ol.js"></script>在项目中使用接口：
可以直接这样用：ol.Map，ol.layer
个人喜欢直接在上面直接这样定义：const Map = ol.Map; const View = ol.View;就不用加那些类名属性了。当时npm导入的话，直接就是：import { Point } from "ol/geom";
都要注意类名目录。具体可以看官网api
OpenLayers v7.5.1 API - IndexOpenLayers v7.5.1 API - IndexOpenLayers v7.5.1 API - Index
还有大牛翻译的中文版：
OpenLayers v7.3.0 API - Index
地图示例
中文：
OpenLayers Examples文章来源地址https://www.toymoban.com/news/detail-659807.html
英文：文章来源：https://www.toymoban.com/news/detail-659807.html
OpenLayers Examples
到了这里，关于一、openlayer开发介绍的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
