import { Map, View } from "ol";//地图,视图 import OSM from "ol/source/OSM"; //可以理解为数据源,就是一张图片 import TileLayer from "ol/layer/Tile"; //可以理解为图层 import { fromLonLat } from "ol/proj";//将坐标从经度/纬度转换为不同的投影。 import XYZ from "ol/source/XYZ" const olMap = { initMap() { //google地图 var googleMapLayer = new TileLayer({ source: new XYZ({ url: 'http://wprd0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=6&x={x}&y={y}&z={z}' }) }); var map = new Map({ target: "mapView", layers: [googleMapLayer],//AMapLayer, baiduMapLayer view: new View({ center: [10997148, 4569099], zoom: 4 }), }); }, } export default olMap;