无坐标系地图加载

最新推荐文章于 2023-01-10 23:14:59 发布

Q行天下

最新推荐文章于 2023-01-10 23:14:59 发布

阅读量449

点赞数

分类专栏： leaflet SuperMap 文章标签： javascript

本文链接：https://blog.csdn.net/shanshanqwertyuiop/article/details/127510979

版权

SuperMap 同时被 2 个专栏收录

26 篇文章 0 订阅

订阅专栏

leaflet

10 篇文章 0 订阅

订阅专栏

某些特殊情况下需要加载无坐标系的平面地图，可通过SuperMap iClient 11i里的leaflet框架如下加载

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title data-i18n="无坐标系地图加载"></title>
    <script type="text/javascript" src="../js/include-web.js"></script>
</head>
<body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
<div id="map" style="margin:0 auto;width: 100%;height: 100%"></div>
<script type="text/javascript" src="../../dist/leaflet/include-leaflet.js"></script>
<script type="text/javascript">
    var host = window.isLocal ? window.server : "https://iserver.supermap.io";
    var map, resultLayer, service, parameter, marker,
        baseUrl =  "https://iserver.supermap.io/iserver/services/map-changchun/rest/maps/长春市区图",
        serviceUrl =  "https://iserver.supermap.io/iserver/services/transportationanalyst-sample/rest/networkanalyst/RoadNet@Changchun";
    //bounds参数用地图服务地址+.json获取，L.bounds([左下X, 左下Y], [右上X, 右上Y])；L.point(左上X, 左上Y)
    map = L.map('map', {
        crs: new L.supermap.CRS.NonEarthCRS({
            bounds: L.bounds([48.4, -7668.25], [8958.85, -55.58]),
            origin: L.point(48.4, -55.58)
        }),
        center: [-3500, 5200],
        maxZoom: 18,
        zoom: 3
    });
    new L.supermap.TiledMapLayer(baseUrl, {noWrap: true}).addTo(map);
</script>
</body>
</html>