Usage

立即开始使用 svelte-baidumaps。

一旦你安装了 svelte-baidumaps 组件和其他依赖关系，就可以学习如何使用它了：

  • 简单使用参考: App.svelte
  • 在线示例代码: Demo with REPL support
  • 请参阅各组件的文档页面，如 Map，以了解如何导入及使用。
  • 请参阅各组件的 API 页面，如 Map API，以了解如何组件属性、事件等。

Quick Start

快速入门

Prerequisites

先决条件

  1. 首先您需要申请并取得地图 API 密钥:

API 密钥请前往 百度地图开放平台官方网站 申请。

下面是来帮助您入门的一个快速示例：

<Map apiKey="your_api_key" options={ baseMapConfig } withCenterMarker={ true } >
  <Marker lat={someLat} lng={someLng} label="text label" /> // built in Marker component
  <NavigationControl />
  <ScaleControl />
</Map>

<script>
  import { Map, Marker, NavigationControl, ScaleControl } from '@vulcangz/svelte-baidumaps'

  let baseMapConfig = {
    label: "this is a map base demo",
    address: "china beijing",
    lng: "116.404",
    lat: "39.915",
    zoom: 15
  };
</script>

Playground

交互式演示

您也可以在这个实时的交互式的演示中所查看：

Options

Ready For More?

继续了解更多关于 svelte-baidumaps 组件的内容。

Installation
GettingStarted
Map
Components


Last Updated: 2021-08-29