1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
| 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;
|
|
