高德地图-设置点标注的文本标签

最新推荐文章于 2025-03-21 09:32:30 发布

翱翔天地

最新推荐文章于 2025-03-21 09:32:30 发布

阅读量2.5w

点赞数 3

分类专栏：地图 JavaScript 文章标签：高德地图 JavaScript

本文链接：https://blog.csdn.net/you23hai45/article/details/51494595

版权

本文介绍如何在高德地图上设置选中位置的个性化图标与文本提示，通过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 src="http://webapi.amap.com/maps?v=