地图组件使用指南

本文介绍如何使用 GeoMap 组件在博客中展示地图。

基础地图

展示一个简单的地图，标记北京的位置：

世界地图视图

使用方式

import { GeoMap } from '@/components/mdx';

<GeoMap
  center={[纬度, 经度]}
  zoom={缩放级别}
  markers={[
    { lat: 纬度, lng: 经度, popup: "标记说明" }
  ]}
  height="400px"
/>