Angular中的LeafletMap-标记位置错误
创始人
2024-10-31 07:00:23
0

首先,该问题可能是因为使用了错误的坐标系。要尝试使用适合你的位置的坐标系。其次,也可能是因为你使用了错误的标记偏移量。你需要确保这些偏移量是在正确的标记位置上才能正确地显示。以下是可能有用的示例代码:

// 导入leaflet库和marker图标
import * as L from 'leaflet';
import 'leaflet/dist/leaflet.css';
import icon from 'leaflet/dist/images/marker-icon.png';
import iconShadow from 'leaflet/dist/images/marker-icon-2x.png';

//创建marker图标
const markerIcon = L.icon({
  iconUrl: icon,
  shadowUrl: iconShadow,
  iconAnchor: [12, 40],
  shadowAnchor: [12, 40],
  popupAnchor: [0, -35],
  iconSize: [25, 40],
  shadowSize: [41, 41],
  className: 'marker-icon'
});

//创建地图
const map = L.map('map').setView([37.9733, -122.5296], 12);

//添加marker
const marker = L.marker([37.9733, -122.5296], { icon: markerIcon }).addTo(map);

相关内容

热门资讯

据权威媒体报道!wepoker... 据权威媒体报道!wepoker买钻石有用吗,德普之星透视辅助软件,确实是真的有挂(有挂辅助)1、进入...
一分钟带你了解!wepoker... 一分钟带你了解!wepoker辅助真的假的,pokemmo手机脚本辅助器,都是是真的有挂(揭秘有挂)...
玩家必用!wepoker辅助器... 玩家必用!wepoker辅助器是真的吗,竞技联盟辅助插件,竟然真的有挂(有挂存在)1、进入游戏-大厅...
据相关数据显示!wepoker... 据相关数据显示!wepoker私局辅助,德扑之星辅助器app,总是真的是有挂(有挂透明挂)运德扑之星...
重大通报!德普之星辅助工具如何... 重大通报!德普之星辅助工具如何打开,wepoker私人局辅助挂,总是真的有挂(确实有挂)1、免费脚本...
反观!wepoker怎么设置盖... 反观!wepoker怎么设置盖牌,德普之星辅助工具如何设置,真是是真的有挂(有挂教程)1、操作简单,...
一分钟揭秘!aapoker能控... 一分钟揭秘!aapoker能控制牌吗,wepoker俱乐部辅助,竟然真的是有挂(真的有挂)1、让任何...
2026版辅助挂!sohoo开... 2026版辅助挂!sohoo开挂辅助,德普之星辅助软件,一直是有挂(确实有挂)1)德普之星辅助软件辅...
技巧知识分享!pokemomo... 技巧知识分享!pokemomo辅助工具,aapoker透视脚本入口,原来是真的有挂(有挂头条)1、操...
2026版方法!we poke... 2026版方法!we poker辅助器v3.3,德扑之星有透视辅助吗,其实是有挂(有挂秘笈)1、任何...