html更改地图放大缩小图标,HTML5学习---百度地图修改Marker图标大小的方法

要更改百度地图的放大缩小图标，可以使用以下代码：

<div id="map"></div>

// 初始化地图
var map = new BMap.Map("map");
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);

// 更改放大缩小图标
var top_left_control = new BMap.ScaleControl({anchor: BMAP_ANCHOR_TOP_LEFT});
var top_left_navigation = new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_ZOOM});
map.addControl(top_left_control);
map.addControl(top_left_navigation);

// 修改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));
marker.setIcon(icon);
map.addOverlay(marker);

在这个例子中，我们首先创建一个地图，并将其放置在一个指定的 div 元素中。然后，我们使用 `BMap.ScaleControl` 和 `BMap.NavigationControl` 分别创建放大缩小的比例尺和导航控件，并将它们添加到地图上。

最后，我们创建一个 `BMap.Marker` 对象，并使用 `BMap.Icon` 来指定 Marker 的图标和大小。在这个例子中，我们使用名为 `marker.png` 的图片，并将其大小设置为 50x50 像素。最后，我们将 Marker 添加到地图上。

注意：在使用这个代码之前，你需要先在 HTML 文件中引入百度地图的 JavaScript SDK。