# 引入 不清楚全部的样式,可以看上篇热力图内写的内容,本篇主要讲发布的地图服务的引入使用
引入相关的
import Basemap from "@arcgis/core/Basemap.js"; //发布地图使用的
import TileLayer from "@arcgis/core/layers/TileLayer.js"; //支持发布的服务的地图实现zoom
var baseUrl = "引入的地址url";
esriConfig.apiKey ="自己的key";
// 这个地方是用作发布的地图使用的,但是因为要支持缩放zoom,所以用下面一种,最下面的一个才支持设置缩放
// let layer = new MapImageLayer({
// url: baseUrl
// })
//主要是要改为这个地方引入
let layer = new TileLayer({
url: baseUrl, })
//这里把basemap换了
this.webMap = new Map({
basemap: new Basemap({ baseLayers: [layer] }),
});
this.view = new MapView({
container: this.$refs.home,
map: this.webMap,
center: [104.05852944566121, 30.674795045027592], // longitude, latitude
zoom: 6,
})