Слияние кода завершено, страница обновится автоматически
Перевод текста:
Это компонент карты Baidu, основанный на React, который поможет вам легко интегрировать карту в проект React. Помимо обязательных компонентов APILoader/Map, мы предоставляем наиболее часто используемые компоненты карт, которые могут удовлетворить большинство простых бизнес-сценариев. Если у вас есть более сложные требования или вы считаете, что функциональность предоставленных по умолчанию компонентов недостаточна, вы можете использовать экземпляр карты, возвращаемый компонентом Map, чтобы полностью настроить компонент карты и создать собственный компонент карты в соответствии с API Baidu Maps, позволяя вам делать всё, что позволяет Baidu Map.
Документация и примеры: Github, Gitee.
Не зависит от библиотеки компонентов uiw
npm install @uiw/react-baidu-map --save
import React from 'react';
import { Map, APILoader } from '@uiw/react-baidu-map';
const Demo = () => (
<div style={{ width: '100%', height: '300px', overflow: 'auto' }}>
<APILoader akay="eYpCTECSntZmw0WyoQ7zFpCRR9cpgHFG">
<Map center="杭州"/>
<Map center="上海">
{({ BMap, map, container }) => {
return;
}}
</Map>
</APILoader>
</div>
);
export default Demo;
| Package | Bundle size(gzip) | Version/unpkg |
|---|---|---|
@uiw/react-baidu-map пакет для ленивых Включает все пакеты, не нужно устанавливать другие пакеты |
 
|
 
|
@uiw/react-baidu-map-api-loader загружает SDK (обязательно) |
 
|
 [ 
|
|
| @uiw/react-baidu-map-copyright-control — компонент для отображения авторских прав |
 
|
|
| @uiw/react-baidu-map-navigation-control — компонент управления перемещением и масштабированием карты |
 
|
 Покрытие
|
Package |
| :-- |:--|
| @uiw/react-baidu-map-geolocation-control | определение местоположения |
| @uiw/react-baidu-map-overview-map-control | обзорная карта |
| @uiw/react-baidu-map-scale-control | масштабный контроль |
| @uiw/react-baidu-map-type-control | тип карты |
| @uiw/react-baidu-map-panorama-control | панорамный вид | Пакетные размеры (gzip)
| Название | Размер пакета | Версия |
|---|---|---|
@uiw/react-baidu-map-marker |
— | — |
@uiw/react-baidu-map-info-window |
— | — |
@uiw/react-baidu-map-label |
— | — |
@uiw/react-baidu-map-point-collection |
— | — |
@uiw/react-baidu-map-polyline |
— | — |
@uiw/react-baidu-map-polygon |
— | — |
Версия / unpkg:
Другие:
| Package | Bundle size(gzip) | Version/unpkg |
|---|---|---|
| @uiw/react-baidu-map-types 类型定义 |  |
|
| @uiw/react-baidu-map-utils 鼠标绘制工具 |
 
|
|
В запросе представлен текст, который содержит информацию о различных пакетах и их характеристиках. Текст написан на английском языке и содержит специальные символы и теги, которые используются для отображения информации о пакетах в виде графиков и диаграмм.
Текст описывает различные пакеты, связанные с React и Baidu Map, и предоставляет информацию об их размере, версии и доступности через unpkg. Также упоминается наличие типов и утилит для этих пакетов. Разработка
npm install -g npm@7
npm install # 安装依�симости
npm install --workspaces
npm run build # компилирует и выводит файлы компонента js и файлы с расширением .d.ts
npm run watch # отслеживает компиляцию выходных файлов js и файлов с расширением .d.ts
npm run start # запускает сайт документации
Связанные ссылки
Участники
Как всегда, спасибо нашим замечательным участникам!
Сделано с помощью github-action-contributors.
Лицензия
Лицензия MIT.
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )