Code Monkey home page Code Monkey logo

neighborhood-map's Introduction

Neighborhood-Map

The Neighborhood Map is a web application that has a list of locations for the Los Angeles area that are points of interest. The points of interest have purple icon markers on the google map, to find out more information for a particular marker you can click on the marker or you can click on a location from the list related to the marker and a new pop-up window will display information about the location. Once the pop-up window is opened the information that can be found is the following: Title of the location, description of the location with a link to Wikipedia for more information, the location address, location working hours and an image of the location. The search box will automatically search from the existing list of locations, the search words entered into the search box will start displaying the locations that match the existing locations. The locations being displayed during the search can be selected to open the location marker information window.

Getting Started

  1. Download the files from link to github!
  2. Once the link is open, click on green button that says clone or dowwload
  3. Once you click on the green button, choose Download zip
  4. Once the zip file has been downloaded, click on zip file and extract files. extract files on windows, extract files on a Mac
  5. Locate extracted files directory Neighborhood_Map
  6. Open index.html file by double clicking on it
  7. Once the index.html file is open its ready to use.

Using Your Own Google Maps API key

  1. Open index.html in the code editor of your choice, example sublime text, Atom, Notepad++.
  2. Look for the following line of code: src="https://maps.googleapis.com/maps/api/js?libraries=places,geometry,drawing&key=AIzaSyDX28V7fNXkeNiHK33TK_8_8RmPYWZhr50&v=3&callback=initMap" onerror="googleError()"> now replace your key between key=YourKeyHere&, no spacing inbetween.
  3. Save changes and open index.html

neighborhood-map's People

Contributors

ruben-socal avatar

Watchers

 avatar  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.