地图标注需通过地图sdk（如高德amap.marker、leaflet l.marker）实现，html标签无法响应交互；坐标须按平台要求顺序传入（高德/leaflet为[lat,lng]，百度为[lng,lat]），且必须初始化地图实例后添加标记，同时注意坐标系匹配与https环境。
不能只靠 HTML 标签实现地图定位标记——<img>、<div> 或 <code><meta> 都无法响应缩放、拖拽、点击，也不能把经纬度坐标映射到真实地理空间。真正能打点的，是地图 SDK 加载后创建的 JS 对象，比如 L.marker()、AMap.Marker 或 atlas.HtmlMarker。
为什么 navigator.geolocation.getCurrentPosition() 拿到坐标却标不到地图上？
常见错误是：拿到了 position.coords.latitude 和 position.coords.longitude，但没传给地图实例，或者传反了顺序（应为 [lat, lng]，不是 [lng, lat]）。
- 高德地图要求先初始化
AMap.Map实例，再用new AMap.Marker({ position: [lat, lng] })创建并.addTo(map) - Leaflet 必须等
L.map('map')初始化完成、底图加载成功后，才能调用L.marker([lat, lng])；否则报错map is not defined或标记不显示 - 百度地图 v3.x 使用
BMapGL.Marker，注意它不接受数组，而是new BMapGL.Marker(new BMapGL.Point(lng, lat))—— 这里是lng在前，和 Leaflet/高德相反 - 所有方案都依赖 HTTPS：HTTP 页面下，
navigator.geolocation会被浏览器禁用，高德 SDK 报AMap is not defined，百度可能静默失败
怎么让标记点带弹窗且点击有效？
弹窗不出现，90% 是事件绑定或 DOM 层级问题，不是代码写错了。
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
-
bindPopup()（Leaflet）或popup选项（高德/Azure）必须直接挂在marker实例上，而不是map或layerGroup - Azure Maps 的
atlas.HtmlMarker弹窗默认z-index较低，若页面用了 Bootstrap 或 Ant Design，需手动加 CSS：.atlas-popup { z-index: 9999 !important; } - Leaflet 的 popup 是绝对定位在
下的，如果地图容器父元素设置了overflow: hidden，弹窗会被裁掉——检查最近的父级是否含该样式 - 高德地图中，
marker.on('click', ...)要在marker添加到地图后注册，否则事件监听器不生效
HTML Meta 地理标签有用吗？
没用，至少对交互式地图没用。它们只影响搜索引擎结构化数据解析，不会触发地图渲染或定位。
-
<meta name="geo.position" content="39.9042;116.4074">这类标签已被主流地图服务忽略，Google Rich Results Test 可能识别，但不会帮你画点 - 现代 SEO 推荐用 JSON-LD 替代，例如
Place类型结构化数据，但依然不参与前端地图逻辑 - 如果你只是想让网页被地图 App 当作“地点页”收录，这类 meta 可以保留；但想在页面上显示一个可点击的定位点，必须走 JS SDK 流程
最易被忽略的是坐标系一致性：Leaflet 和高德用 WGS84，百度用 BD-09，Azure Maps 用 WGS84。混用不同来源的坐标（比如把百度 API 返回的点直接喂给 Leaflet）会导致偏移几公里——上线前务必确认坐标系是否匹配。
