高德地图-添加自定义图标

最新推荐文章于 2025-06-16 14:34:50 发布

翱翔天地

最新推荐文章于 2025-06-16 14:34:50 发布

阅读量1.8w

点赞数 1

CC 4.0 BY-SA版权

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

本文链接：https://blog.youkuaiyun.com/you23hai45/article/details/51502826

本文介绍了如何在高德地图上通过jQuery实现点击按钮后，在指定的经纬度位置添加自定义图标的功能，包括地图初始化和点击事件的处理代码。

摘要生成于 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="../js/jquery-1.12.3.js" ></script>
		<script src="http://webapi.amap.com/maps?v=1.3&key=c2eb520334ddc5ab2bb7