高德地图加载带秘钥

最新推荐文章于 2024-07-04 11:05:07 发布

置顶

afengTTS

最新推荐文章于 2024-07-04 11:05:07 发布

阅读量483

点赞数

分类专栏：地图文章标签： javascript html html5 jquery

本文链接：https://blog.csdn.net/afengTTS/article/details/116457805

版权

本文介绍了如何在HTML页面中使用JavaScript集成高德地图API，并详细阐述了添加和配置地图密钥的步骤，确保地图服务的正常加载和安全使用。

摘要由CSDN通过智能技术生成

<!DOCTYPE HTML>
<html lang="zh" xmlns:th="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=90ce9e1460c8a0ba99d020ed73831cef"></script>
<style type="text/css">
    #tip {
        background-color: #ddf;
        color: #333;
        border: 1px solid silver;
        box-shadow: 3px 4px 3px 0px silver;
        position: absolute;
        top: 170px;
        right: 400px;
        border-radius: 5px;
        overflow: hidden;
        line-height: 20px;
    }

    #tip input[type="text"] {
        height: 25px;
        border: 0;
        padding-left: 5px;
        width: 280px;
        border-radius: 3px;
        outline: none;
    }
</style>
<body class="white-bg">
<head th:include="include :: header">