openlayers：实现更改投影时保持比例 (附完整源码）

最新推荐文章于 2024-02-28 11:43:46 发布

源代码大师

最新推荐文章于 2024-02-28 11:43:46 发布

阅读量104

点赞数

分类专栏： openlayers实战教程文章标签： swift 开发语言 openlayers

不予转载，严禁转载，违者必纠。

本文链接：https://blog.csdn.net/it_xiangqiang/article/details/135923498

版权

openlayers实战教程专栏收录该内容

417 篇文章 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

这篇原创博客深入探讨了如何在OpenLayers中进行投影变换的同时保持地图比例不变。通过分析`main.js`、`index.html`和`package.json`文件，作者提供了完整的源码示例，帮助读者理解这一关键操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

openlayers：实现更改投影时保持比例

main.js
index.html
package.json

更改投影时保持比例的示例。getPointResolution()用于计算与旧投影的分辨率相对应的新投影的分辨率。

main.js

import Map from 'ol/Map.js';
import OSM from 'ol/source/OSM.js';
import TileLayer from 'ol/layer/Tile.js';
import View from 'ol/View.js';
import {ScaleLine, defaults as defaultControls} from 'ol/control.js';
import {
  getPointResolution,
  get as getProjection,
  transform,
} from 'ol/proj.js';

const viewProjSelect = document.getElementById('view-projection');
const projection = getProjection(viewProjSelect.value);

const scaleControl = new ScaleLine({
  units: 'metric',
  bar: true,
  steps: 4,
  text: true,
  minWidth: 140,
});

const map = new Map({
  controls: defaultCont

了解本专栏