本文由大剑师兰特撰写，他是一名GIS领域的高级前端工程师，分享了如何在Vue+Leaflet环境下，不依赖地图底图直接加载并缩放图片的方法。该教程介绍了配置步骤和源代码，适用于平面地图应用，如游戏地图。通过简单的CRS映射，实现了经度和纬度到x、y轴的转换，且注意y轴需要反转。只需复制源代码，即可快速实现效果。
作者： 还是大剑师兰特 ，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，优快云知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。
035个示例
一、示例效果图
二、示例简介
本示例演示如何在vue+leaflet直接加载图片缩放，不需要地图底图。将经度和纬度直接映射到 x 和 y 的简单 CRS。 可用于平面地图（例如游戏地图）。 请注意，y 轴仍应反转（从下到上）。
直接复制下面的 vue+leaflet源代码，操作2分钟即可运行实现效果
三、配置方式
1）查看基础设置：https://xiaozhuanlan.com/topic/4190537826
或者同样查看：https://blog.youkuaiyun.com/cuclife/article/details/126745283
2）将示例源代码，粘贴到src/views/Home.vue中，npm run serve 运行即可。
四、示例源代码（共60行）
/*
* 
订阅专栏 解锁全文
扫一扫
1225
到【灌水乐园】发言
