L.marker怎么向左偏移20px?
时间: 2023-07-12 15:44:25 浏览: 140
permanent-marker_marker_flyback_
可以使用 Leaflet 中的 `icon` 属性来实现 `L.marker` 向左偏移20px,具体方法如下:
1. 定义一个自定义的 icon:
```javascript
var myIcon = L.icon({
iconUrl: 'my-icon.png',
iconSize: [38, 95], // 图标大小
iconAnchor: [22, 94], // 图标定位点
popupAnchor: [-3, -76] // 弹出框定位点
});
```
2. 将 `iconAnchor` 属性的第一个值减去20px,例如:
```javascript
var myIcon = L.icon({
iconUrl: 'my-icon.png',
iconSize: [38, 95], // 图标大小
iconAnchor: [2, 94], // 图标定位点
popupAnchor: [-3, -76] // 弹出框定位点
});
```
3. 在创建 `L.marker` 时,指定使用自定义的 icon:
```javascript
L.marker([51.5, -0.09], {icon: myIcon}).addTo(map);
```
这样就可以将 `L.marker` 向左偏移20px了。
阅读全文