百度地图多标记，弹窗自定义

最新推荐文章于 2024-07-16 09:36:53 发布

一个渣渣小前端

最新推荐文章于 2024-07-16 09:36:53 发布

阅读量2.9k

点赞数

文章标签：百度地图自定义标注

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/weixin_41649157/article/details/80454761

版权

这篇博客展示了如何在百度地图上添加多个自定义标注，并实现点击标注时弹出包含详细信息的窗口。通过JavaScript代码，创建了不同位置的标注，并为每个标注配置了特定的图标、地址和图片等信息。

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

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>百度地图，点击显示窗口自定义信息</title>
</head>
<body>
<div id="allmap" style="width:830px;height:550px;overflow:hidden;">
</div>
<script type="text/javascript" src="你的秘钥"></script>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
</body>
</html>
<script type="text/javascript">
// 百度地图API功能
var x='116.419217';
var y='39.916261';
baidu(x,y);
/*自动定位到当前城市*/

最低0.47元/天解锁文章

一个渣渣小前端

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
百度地图多标记，弹窗自定义

&lt;!doctype html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8"&gt;&lt;title&gt;百度地图，点击显示窗口自定义信息&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;div id="allmap" style=&
复制链接

扫一扫

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。