openlayers加载天地图WMTS服务

绛门人

于 2019-08-21 17:00:08 发布

阅读量2.5k

点赞数

分类专栏： Java script 文章标签： openlayers加载天地图WMTS服务

本文链接：https://blog.youkuaiyun.com/wt346326775/article/details/99976149

版权

本文档详细介绍了如何利用OpenLayers库加载天地图的WMTS服务，重点强调了添加token信息以确保地图正确显示的必要步骤。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="https://cdn.bootcss.com/openlayers/4.6.5/ol.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/openlayers/4.6.5/ol.js"></script>
    <style type="text/css">
        #map {
            position: absolute;
            width: 100%;
            height: 100%;
            overflow: hidden;
            left: 0;
            top: 0;
        }
    </style>
</head>
<body>
<div id="map" class="map"></div>
<script>
    var projection = ol.proj.get("EPSG:4326");
    var projectionExtent = projection.getExtent();
    var size = ol.extent.getWidth(projectionExtent) / 256;
    var resolutions = [];
    for (var z = 2; z < 19; ++z) {

最低0.47元/天解锁文章