百度地图添加标记以及标签的点击

http://blog.csdn.net/ithouse/article/details/45918709
百度地图添加普通标记点,通常需要使用百度地图API提供的功能。以下是基本的步骤: 1. 准备工作:首先确保已经在网页中引入了百度地图JavaScript API的库,并且注册获取到了API密钥(key)。 2. 创建地图实例:通过`BMap.Map`类创建一个地图实例,指定一个容器(容器一般是DOM元素,比如一个div)来承载地图。 3. 初始化标记点:使用`BMap.Marker`类创建一个标记点实例。在构造函数中,你可以指定标记点的位置,通常是通过经纬度来指定。 4. 将标记添加到地图:使用`map.addOverlay(overlay)`方法将创建的标记点实例添加到地图实例上。这里的`overlay`是覆盖物,即标记点。 5. 设置标记点的图标:可以通过`marker.setLabel`方法为标记点设置文本标签,或者通过`marker.setIcon`方法自定义标记点的图标样式。 示例代码如下: ```javascript // 创建地图实例 var map = new BMap.Map("container"); // 初始化用户中心点 map.centerAndZoom(new BMap.Point(经度, 纬度), 15); // 创建标记点实例 var marker = new BMap.Marker(new BMap.Point(经度, 纬度)); // 将标记添加到地图上 map.addOverlay(marker); // 设置标记点的文本标签 marker.setLabel({ position: new BMap.Point(经度, 纬度), offset: new BMap.Size(-10, 15), text: '标签文字' }); // 设置标记点的图标样式 marker.setIcon("图片URL"); ``` 请将`container`替换为实际的容器ID,将`经度`和`纬度`替换为实际的位置坐标,将`图片URL`替换为想要显示的图标图片地址。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值