openlayers初始化加载天地图(ol6)

最新推荐文章于 2025-03-22 23:16:00 发布

YoSun_L

最新推荐文章于 2025-03-22 23:16:00 发布

阅读量632

点赞数

分类专栏： openlayers专栏

本文链接：https://blog.youkuaiyun.com/qq_32238753/article/details/115142540

版权

本文档展示了如何使用OpenLayers库初始化一张天地图，并提供了详细注释。地图容器设定为id为'map'的div，地图初始位置位于武汉附近，使用了天地图的矢量瓦片服务，并提醒读者注意替换个人的天地图key以避免ip被禁。此外，还介绍了projection坐标系设置、自动定位以及平铺选项等特性。

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

初始化加载天地图地图，附带注释:

<!DOCTYPE HTML
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title>初始化一张地图</title>
    <link href="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.5.0/css/ol.css" rel="stylesheet" type="text/css" />
    <script src="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.5.0/build/ol.js" type="text/javascript"></script>
    <style type="text/css">
        #map {
            width: 100%;
            height: 95%;
            position: absolute;
        }
    </style>
</head>

<body>
    <!-- 定义地图容器，记录地图容器ID -->
    <div id="map"></div>
    <script