百度地图Marker的icon={loc_blue}

`loc_blue`是百度地图 JavaScript API 中预定义的一个蓝色标记图标，您可以使用以下代码将标记的图标设置为`loc_blue`：

// 获取标记对象
var marker = new BMap.Marker(point);
// 设置标记对象的图标
marker.setIcon(BMap.SymbolMaker.getSymbol({
  fillColor: 'blue', // 填充颜色
  scale: 1.2, // 图标缩放比例
  strokeColor: 'white', // 边框颜色
  strokeWidth: 2, // 边框宽度
  strokeOpacity: 1, // 边框透明度
  style: 'location' // 图标样式
}));

其中，`BMap.SymbolMaker.getSymbol()`方法返回一个`BMap.Symbol`对象，该对象具有多种属性，可以用于自定义标记图标的样式。`fillColor`属性用于设置填充颜色，`scale`属性用于设置图标缩放比例，`strokeColor`属性用于设置边框颜色，`strokeWidth`属性用于设置边框宽度，`strokeOpacity`属性用于设置边框透明度，`style`属性用于设置图标样式，其中`location`表示蓝色标记图标。

相关问题

vue百度地图marker自定义

你可以通过自定义Vue百度地图的Marker来实现个性化展示。以下是一个简单的示例：

1. 首先，在Vue组件中导入百度地图相关的库：

import BMap from 'BMap';

2. 在Vue组件的`mounted`生命周期钩子中创建地图实例，并添加Marker：

mounted() {
  // 创建地图实例
  const map = new BMap.Map('mapContainer');
  // 设置中心点坐标
  const point = new BMap.Point(116.404, 39.915);
  // 初始化地图，设置缩放级别
  map.centerAndZoom(point, 15);
  
  // 创建Marker并设置位置
  const marker = new BMap.Marker(point);
  // 自定义Marker样式
  const icon = new BMap.Icon('path/to/custom-marker.png', new BMap.Size(30, 30));
  marker.setIcon(icon);
  
  // 添加Marker到地图
  map.addOverlay(marker);
}

3. 在组件的模板中添加一个用于显示地图的容器：

<template>
  <div id="mapContainer" style="width: 100%; height: 400px;"></div>
</template>

注意，上述代码中的`path/to/custom-marker.png`需要替换成你自己的自定义Marker图片路径。

这样就完成了Vue百度地图Marker的自定义。你可以根据自己的需求修改Marker的样式、位置等属性。

在百度地图marker的图层下创建一个img

可以使用百度地图的API来实现在marker的图层下创建一个img。具体步骤如下：

1. 创建一个marker对象，并设置其位置和图标。

var marker = new BMap.Marker(point, {icon: myIcon});

2. 获取marker的图标元素，并将其添加到marker的图层中。

var iconElement = marker.getIconElement();
var markerLayer = marker.getLabel().parentNode;
markerLayer.insertBefore(imgElement, iconElement);

3. 创建一个img元素，并设置其src属性和样式。

var imgElement = document.createElement('img');
imgElement.src = 'path/to/image.png';
imgElement.style.position = 'absolute';
imgElement.style.width = '20px';
imgElement.style.height = '20px';

4. 设置img元素的位置，使其位于marker的图标下方。

var iconSize = myIcon.getSize();
imgElement.style.left = (-iconSize.width / 2) + 'px';
imgElement.style.top = (-iconSize.height / 2) + 'px';

完整代码如下：

var point = new BMap.Point(116.404, 39.915);
var myIcon = new BMap.Icon("path/to/icon.png", new BMap.Size(20,20));
var marker = new BMap.Marker(point, {icon: myIcon});

var imgElement = document.createElement('img');
imgElement.src = 'path/to/image.png';
imgElement.style.position = 'absolute';
imgElement.style.width = '20px';
imgElement.style.height = '20px';

var iconElement = marker.getIconElement();
var markerLayer = marker.getLabel().parentNode;
markerLayer.insertBefore(imgElement, iconElement);

var iconSize = myIcon.getSize();
imgElement.style.left = (-iconSize.width / 2) + 'px';
imgElement.style.top = (-iconSize.height / 2) + 'px';