uniapp 整合 OpenLayers - 加载 arcgis server 图层

破z晓

已于 2024-10-14 14:17:18 修改

阅读量364

点赞数 1

CC 4.0 BY-SA版权

文章标签： uni-app arcgis swift

于 2024-10-11 09:47:15 首次发布

本文链接：https://blog.csdn.net/qq_19688207/article/details/142843738

1、加载mapserver服务

<template>
	
	<view class="map" id="map"></view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>
<script module="ol" lang="renderjs" type="module">
import Map from 'ol/Map';
import View from 'ol/View';
import TileLayer from 'ol/layer/Tile.js'// OpenLayers的瓦片图层类   
import XYZ from 'ol/source/XYZ.js'
import {OSM, TileArcGISRest} from 'ol/source';
import { ScaleLine, defaults as defaultControls, MousePosition } from 'ol/control.js'// OpenLayers的控件类，包括默认的控件集合和特定的全屏、鼠标位置、比例尺控件
import { transform } from 'ol/proj.js'




	export default {
		data(){
			return {
				map:null,
				view:null,
			}
		},
		mounted(){
			this.initMap();
		},
		methods:{
			initMap(){
				//ArcGis MapServer服务图层
				const mapServer = new TileLayer({
				  source: new TileArcGISRest({
					projection:'EPSG:3857',
				    url: 'https://services.arcg