百度地图v3.0中new BMap.Size(50, 50)没有生效
时间: 2024-02-28 07:54:49 浏览: 227
Android 百度地图3.0版,地图显示
5星 · 资源好评率100%
在百度地图 JavaScript API v3.0 中,`BMap.Size` 构造函数的参数表示宽度和高度,但是它并不会直接影响 Marker 图标的大小。如果你想改变 Marker 图标的大小,你需要使用 `BMap.Icon` 对象的 `size` 属性来指定它的大小。
以下是一个示例代码,可以帮助你更改 Marker 图标的大小:
```html
<div id="map"></div>
```
```javascript
// 初始化地图
var map = new BMap.Map("map");
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);
// 修改Marker图标大小
var marker = new BMap.Marker(new BMap.Point(116.404, 39.915));
var icon = new BMap.Icon("marker.png", new BMap.Size(50, 50));
icon.setImageSize(new BMap.Size(50, 50));
marker.setIcon(icon);
map.addOverlay(marker);
```
在这个例子中,我们首先创建一个地图,并将其放置在一个指定的 div 元素中。然后,我们创建一个 `BMap.Marker` 对象,并使用 `BMap.Icon` 来指定 Marker 的图标和大小。在这个例子中,我们使用名为 `marker.png` 的图片,并将其大小设置为 50x50 像素。
注意:在 `BMap.Icon` 对象中,我们使用 `setImageSize` 方法来指定 Marker 图标的大小。
阅读全文