This project is a example of a integration with OpenAI API to generate some locations and view on map.
It using libraries such as Mapbox and Maplibre to render the map and openai API do suggest the locations.
As commented above, this app wil provide a example of:
OpenAI has trained cutting-edge language models that are very good at understanding and generating text. Our API provides access to these models and can be used to solve virtually any task that involves processing language.
You can generate you API KEY on: https://platform.openai.com/account/api-keys
It should create a .env file with bellow api keys
| Environment | Description |
|---|---|
| VITE_MAP_TILER_API_KEY | API Key of Maptiler to provide the map style |
| VITE_OPENAI_API_KEY | API Key of OPEN AI |
- Node
- Yarn or NPM
- Install dependencies
yarnor
npm install- Running the project
yarn devor
npm run devIt will be using some tools:
- Vite: frontend tooling
- Tailwind: styling
- MapTiler: map style provider
- React Map GL: maps component
- Mapbox/Maplibre: Map client
- OpenAI: AI to generate locations