vue中使用OpenLayers(一):引入谷歌地图
第一步
npm install ol
package.json 中可以看到
第二步
引入
import "ol/ol.css";
import Map from "ol/Map";
import Feature from "ol/Feature";
import View from "ol/View";
import XYZ from "ol/source/XYZ";
import Point from "ol/geom/Point";
import { fromLonLat } from "ol/proj";//这里要注意
openlayers不仅仅是可以绘制地图,还可以绘制很多的图形和定位,所有都需要换算自己的格式,所以按照自己的需求 引入 fromLonLat 。
第三步
html中,这里要设置一个id
<div style="width: 100%;height: 100%;" id="mainDiv"></div>
methods中
initPointMap() {
this.map = new Map({