Слияние кода завершено, страница обновится автоматически
Использование echarts + AMap для получения geoJson границ административных районов.
Предварительная подготовка:
Сначала необходимо обратиться к API «Amap» и запросить ключ. Ключ предоставляется бесплатно, но можно отправить не более 5000 запросов в день. Если требуется больше запросов, необходимо приобрести корпоративную версию. Прямая ссылка: https://developer.amap.com/.
Адрес предварительного просмотра: https://gist006.gitee.io/echartsmap/#/.
Vue-antd-admin — система управления бэкендом, при желании можно ознакомиться: vue-antd-admin.
Vue3-basic-admin — ещё одна система управления бэкендом, при желании можно ознакомиться: vue3-basic-admin.
Процесс рендеринга включает следующие шаги:
Получить geoJson границы административного района на основе кода района.
Необходимо импортировать через CDN:
<script src='http://webapi.amap.com/maps?v=1.3&key='ваш_ключ'&plugin=AMap.DistrictSearch'></script> <script src="//webapi.amap.com/ui/1.0/main.js"></script>В файле build/webpack.base.conf.js необходимо указать webpack не обрабатывать зависимости библиотеки AMap:
externals: { 'AMap':'AMap', 'AMapUI': 'AMapUI' }
Затем использовать метод DistrictExplorer из AMapUI для получения geoJson административного района. Подробнее: https://lbs.amap.com/api/amap-ui/reference-amap-ui/geo/district-explorer.
Карта может включать различные типы графиков, такие как гистограмма, точечный график, тепловая карта и маршрут.
— npm install — cd EchartsMap — npm run dev
Разработка с открытым исходным кодом требует усилий. Если проект оказался полезным, можно поставить звёздочку на GitHub: https://github.com/biubiubiu01/EchartsMap. Автор будет рад получить предложения и сообщения об ошибках.
Если проект помог, можно купить автору чашку кофе. Автор примет любую сумму пожертвования и будет рад ответить на вопросы о дружбе.
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )