c9cae469 by jikai

11111111

1 parent fe6457a3
<template>
<div>
<div id="arcgisMap"></div>
</div>
</template>
<script>
import { loadModules } from "esri-loader";
export default {
data() {
return {}
},
mounted() {
loadModules([
"esri/Map",
"esri/views/MapView",
"esri/layers/WebTileLayer",
"esri/geometry/Extent",
"dojo/domReady!"
]).then(([Map, MapView, WebTileLayer, Extent]) => {
this.$parent.mapView = new MapView({
container: "arcgisMap",
map: new Map({
basemap: {
baseLayers: [
new WebTileLayer({
urlTemplate: "http://mt{subDomain}.google.cn/vt/lyrs=s&hl=zh-CN&gl=CN&x={col}&y={row}&z={level}&s=Gali",
subDomains: ["0", "1", "2"]
}),
new WebTileLayer({
urlTemplate: "http://mt{subDomain}.google.cn/vt/imgtp=png32&lyrs=h@207000000&hl=zh-CN&gl=cn&x={col}&y={row}&z={level}&s=Galil",
subDomains: ["0", "1", "2"]
})
]
}
}),
extent: new Extent({
xmin: 413417,
ymin: 3715140,
xmax: 665512,
ymax: 3902165,
spatialReference: 4545
}),
zoom: 5
});
});
},
methods: {
}
}
</script>
<style>
#arcgisMap {
width: 100%;
height: 100%;
}
</style>
\ No newline at end of file