Giter Club home page Giter Club logo

build-maps's Introduction

Esri Map Application

This project demonstrates how to build an interactive map application using the Esri ArcGIS JavaScript API. The application features a customizable map view, with support for toggling between different basemaps (night and day themes) and a search functionality to locate addresses and places directly on the map.

Features

  • Toggle Basemap: A toggle button allows users to switch between 'streets-night-vector' and 'streets-vector' basemaps, reflecting a night and day theme respectively.
  • Search Widget: Integrated Esri search widget that supports autocomplete to help users find specific locations quickly and accurately.
  • Responsive Design: Full-page map view that adjusts to the size of the browser window, ensuring a seamless user experience across devices.

Setup

To get this application up and running, you will need to include the ArcGIS API for JavaScript. Follow these steps:

  1. Clone the repository:

    git clone https://your-repository-url
    cd your-project-folder
  2. Open the project: You can open the index.html file in your browser to see the map application in action.

  3. API Keys: This project uses the ArcGIS API which requires an API key. For this demo, it's included via the script tag, but for production, you should secure your API keys.

Usage

When you load the application, you will see a map centered on coordinates [-123.0868, 44.0521]. You can use the toggle at the top-right corner to switch between the night and day themes of the map. The search bar, also located at the top-right corner, allows you to search for locations. As you type, suggestions will appear to aid in finding the correct location faster.

Contributing

Feel free to fork this repository and contribute by submitting a pull request. We appreciate your input!

License

This project is licensed under the MIT License - see the LICENSE.md file for details.

Acknowledgments

  • Thanks to Esri for providing the ArcGIS API for JavaScript.
  • This project is based on the Esri ArcGIS JavaScript API examples and documentation.

Contact

If you have any questions or would like to contact me, please email at [email protected].

build-maps's People

Watchers

Frimpong Osei avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.