Early examples of internet maps were nothing more than static images placed on pages, but the promise was that these would eventually be interactive. MapServer and Esri’s ArcIMS are two early examples of interactive maps but were extremely slow and served up pixelated images. The main problem was that the maps were being drawn dynamically and so ran into speed and scalability challenges. Fast forward to 2004 and Google Maps offered ‘pre-baked’ images and used AJAX to speed up the process of serving image tiles as the user scrolled. No page refresh was required.
To get started drag the ‘start’ folder in your code IDE, opening ‘index.html’ to add the basic page structure. The first part of the page will be a simple header consisting of a logo on the left and navigation elements on the right. This will make up the top of the page and will be followed by a large map taking up the majority of the page.
You can read upto 3 premium stories before you subscribe to Magzter GOLD
Log-in, if you are already a subscriber
Get unlimited access to thousands of curated premium stories and 5,000+ magazines
READ THE ENTIRE ISSUE