MonkeyChen.K. 2023-08-29 16:25 采纳率: 0%
浏览 26
已结题

高德地图内网环境，如何使用JS API

项目初期开发使用的高德地图在线V1.4版本Javascript API进行地图调用及API操作，目前项目转到纯内网环境运行，本地离线资源已有，但是关于地图API的操作，标注点、覆盖物等绘制如何实现？

  • 写回答

5条回答 默认 最新

  • mikes zhang 2023-08-29 16:34
    关注

    如果您要在纯内网环境下使用地图 API，需要下载对应的地图库文件，并引入到您的 HTML 页面中。下面是高德地图 JavaScript API 的引入方式：

    <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>高德地图 API 示例</title>
    <style type="text/css">
        #mapContainer {
            width: 100%;
            height: 500px;
        }
    </style>
    <script type="text/javascript" src="/path/to/amap.js"></script>
</head>
<body>
    <div id="mapContainer"></div>
    <script type="text/javascript">
        // 初始化地图
        var map = new AMap.Map('mapContainer', {
            zoom: 12,
            center: [116.397428, 39.90923]
        });
        
        // 添加标注点
        var marker = new AMap.Marker({
            position: [116.397428, 39.90923],
            title: '北京市',
            map: map
        });
        
        // 添加覆盖物
        var polygon = new AMap.Polygon({
            path: [[116.403322,39.920255],[116.410703,39.897555],[116.402292,39.892353],[116.389846,39.891365]],
            strokeColor: "#FF33FF",
            strokeWeight: 2,
            fillColor: "#1791fc",
            fillOpacity: 0.2
        });
        polygon.setMap(map);
    </script>
</body>
</html>

    上面的代码中，我们首先在 head 标签中引入了地图库文件 amap.js，然后在 body 标签中创建一个用于容纳地图的 div 元素 mapContainer。在 JavaScript 代码中，我们创建了一个地图对象并将其绑定到 div 元素上，然后在地图上添加了一个标注点和一个覆盖物。

    需要注意的是，由于您现在处于纯内网环境，您需要先下载对应版本的地图库文件 amap.js 并将其保存在您的本地服务器上，然后将

    评论 编辑记录

报告相同问题？

问题事件

  • 已结题 （查看结题原因） 8月29日
  • 创建了问题 8月29日

悬赏问题

  • ¥500 52810做蓝牙接受端
  • ¥15 基于PLC的三轴机械手程序
  • ¥15 多址通信方式的抗噪声性能和系统容量对比
  • ¥15 winform的chart曲线生成时有凸起
  • ¥15 msix packaging tool打包问题
  • ¥15 finalshell节点的搭建代码和那个端口代码教程
  • ¥15 Centos / PETSc / PETGEM
  • ¥15 centos7.9 IPv6端口telnet和端口监控问题
  • ¥20 完全没有学习过GAN，看了CSDN的一篇文章，里面有代码但是完全不知道如何操作
  • ¥15 使用ue5插件narrative时如何切换关卡也保存叙事任务记录