Слияние кода завершено, страница обновится автоматически
Из-за необходимости аутентификации открытым источником со стороны Baidu компонентная библиотека прекратила поддержку. В будущем документация также будет удалена. Для использования можно скачать исходный код и запустить его локально. Ключ Baidu также станет недействительным, поэтому рекомендуется использовать свой ключ.
vue-bmap-gl@next — это набор компонентов карты, основанный на Vue3 и API Baidu GL. Этот выпуск предназначен для совместимости с Vue3, при этом форма привязки событий была изменена на использование v-on.
Для версий Vue2 используйте версию 0.x, соответствующую ветке vue2.
Если вам понравился проект, пожалуйста, оставьте звездочку!
:q
npm i -S vue-bmap-gl@next
Установите vue-bmap-gl@next
// Подключение vue-bmap-gl
import VueBMap, { initBMapApiLoader } from 'vue-bmap-gl';
import 'vue-bmap-gl/dist/style.css';
// Инициализация vue-bmap-gl
initBMapApiLoader({
// Ваш ключ Baidu
ak: 'YOUR_KEY',
});
createApp(App).use(VueBMap);
Сначала установите следующие плагины: unplugin-vue-components, unplugin-auto-import и @vuemap/unplugin-resolver.
npm install -D unplugin-vue-components unplugin-auto-import @vuemap/unplugin-resolver
Затем импортируйте CSS и выполните инициализацию ключа в main.ts.
import App from './App.vue';
import { initBMapApiLoader } from 'vue-bmap-gl';
import 'vue-bmap-gl/dist/style.css';
initBMapApiLoader({
ak: 'YOUR_KEY'
});
createApp(App)
.mount('#app');
Далее измените конфигурационный файл, добавив следующий код в ваш конфигурационный файл Vite или Webpack.
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import AutoImport from 'unplugin-auto-import/vite';
import Components from 'unplugin-vue-components/vite';
import { VueBmapGlResolver } from '@vuemap/unplugin-resolver';
// Конфигурация Vite
export default defineConfig({
plugins: [
vue(),
AutoImport({
resolvers: [VueBmapGlResolver()],
}),
Components({
resolvers: [VueBmapGlResolver()],
}),
],
});
<el-bmap :zoom="zoom" :center="center"></el-bmap>
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.