Селектор определения местоположения по провинции/городу/району

🚀💨 Библиотека селектора определения местоположения по провинции/городу/району для мини-программы WeChat, которая интегрируется одной строкой кода.

Основные функции:

• Автоматическое определение города и района (также поддерживается ручная повторная локализация).
• Ручной поиск города по китайским иероглифам и пиньинь, поддерживается поиск по 335 городам, охватывающим все города на уровне префектур.
• Также можно выбрать город через боковую панель, города сортируются в алфавитном порядке по начальным буквам пиньиня.
• После выбора города автоматически отображаются районы, находящиеся под его юрисдикцией.

Интеграция:

1. Скопируйте папку libs в корневой каталог вашего проекта мини-приложения.
2. В массиве pages файла app.json в корневом каталоге вашего проекта добавьте строку: "libs/citySelector/switchcity/switchcity".
3. Откройте файл /libs/citySelector/config.default.js в вашем проекте.
4. Замените ключ в файле на свой собственный ключ карты Tencent (быстрое и бесплатное получение): нажмите здесь, чтобы открыть страницу заявки на ключ карты Tencent.

Быстрое использование:

• В месте, где вы хотите открыть селектор, используйте компонент navigator и установите url равным "/libs/citySelector/switchcity/switchcity", или
• Используйте wx.navigateTo непосредственно в коде JS, чтобы открыть селектор региона:

wx.navigateTo({
    url: '/libs/citySelector/switchcity/switchcity',
});

• Вы можете использовать любой из этих методов.

Получение возвращаемых данных:

• После того как вы выберете регион на странице switchcity, вы автоматически вернётесь назад, и данные о провинции/городе/районе будут установлены в this.data.address на этой странице.

Как показано на рисунке:

Изменение стиля цвета:

• Найдите #c60a0d в папке libs и замените его на желаемый цвет.

Демонстрация функций:

Gif немного тормозит, но фактическая операция очень плавная.

🤗 🤗 🤗 Если вам это помогло, пожалуйста, поставьте ⭐