高德地图-展示多个信息窗口

最新推荐文章于 2024-10-09 11:35:38 发布

原创

最新推荐文章于 2024-10-09 11:35:38 发布 · 8.8k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#高德地图 #JavaScript

本文介绍了如何在高德地图API中利用JavaScript实现点击地图上的多个图标来展示对应的信息窗口，详细讲解了相关源码实现。

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

1、问题背景

高德地图，设置小图标，并点击图标显示信息

2、实现源码

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <title>高德地图展示多个信息窗口</title>
    <link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>
    <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=key值"></script>
    <script type="text/javascript" src="http://cache