- View Offline
- Exercise Files
- Code Practice
*light ding*…- [Voiceover] Let's take a look at one solution…to this new location challenge.…Scroll down to the map…and here is the original Hollywood location,…which I've renamed H+ Sport Hollywood.…And then H+ Sport in Chavez Ravine,…which is the location of Dodgers Stadium.…So the map has been re-centered…so we can see them both nicely.…Each has its own popup.…
And that pretty much takes care of it.…So let's see the code.…Basically what I've done, is duplicated almost…everything that I did with the original…and just renamed some variables.…So up here, I have the store location…for the Hollywood location.…And the one for the new location in Chavez Ravine.…So first I found the Chavez Ravine location by geocoding,…which we'll look at in a second.…And then for the center point,…I moved the map around until I had both the points centered…and then I used the get center method…we looked at previously to get the new location.…
That center point is passed in as the center of the map.…And then down here, I have my popups.…
- Working with the DOM
- Creating maps with the Google Maps API
Skill Level Beginner
Productivity Tips for Web Designerswith Sue Jenkins5h 25m Appropriate for all
2. Writing and Debugging
3. Working with Forms
4. A Matter of Time
5. Using the Google Maps API
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.