Easily start geocoding with MapLibre GL JS and Amazon Location Service.
- MapLibre GL JS v3.3.1
- Amazon Location Service
- node v20.6.1
- npm v9.8.1
Building an Address Search Function with Amazon Location SDK and API key function
Create Amazon Location Service "map", "API key(map)", "geocoding" and "API key(geocoding)"
Set "region", "API key(map)", "map name", "API key(geocoding)" and "geocoding name" in env file
VITE_REGION = xxxxx
VITE_MAP_API_KEY = v1.public.xxxxx
VITE_MAP_NAME = xxxxx
VITE_PLACE_API_KEY = v1.public.xxxxx
VITE_PLACE_NAME = xxxxx
Install package
npm install
build
npm run build
dev
npm run dev
MIT
Copyright (c) 2023 MapLibre User Group Japan
MapLibre GL JSとAmazon Location Serviceでジオコーディングを手軽に始める
- MapLibre GL JS v3.3.1
- Amazon Location Service
- node v20.6.1
- npm v9.8.1
Amazon Location SDKとAPIキーで住所検索機能を構築してみた
Amazon Location Serviceのマップ・APIキー(マップ)・ジオコーディング・APIキー(ジオコーディング)を作成
リージョン・APIキー(マップ)・マップ名・APIキー(ジオコーディング)・ジオコーディング名をenvファイルに設定
VITE_REGION = xxxxx
VITE_MAP_API_KEY = v1.public.xxxxx
VITE_MAP_NAME = xxxxx
VITE_PLACE_API_KEY = v1.public.xxxxx
VITE_PLACE_NAME = xxxxx
パッケージインストール
npm install
ビルド
npm run build
開発
npm run dev
MIT
Copyright (c) 2023 MapLibre User Group Japan