If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2
  1. #1
    Junior Member
    Join Date
    Mar 2018
    Member #

    Post Embedding an interactive map onto my website


    I'm looking for help on how to create an interactive world map on my website. The plan is to plot each location I have travelled to on the map. When you click on each pin, I'd like to add further content (location reviews) for my site visitors to explore.

    The closest thing to what I'd like to achieve can be found here:

    Is this something I can easily implement? How would I best go about implementing something like this?

    Thanks in advance!


  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Cottage Grove, Minnesota
    Member #
    754 times
    They are doing their own Google Map "mashup" using some sort of different backgrounds and markers.

    Your project will have two parts:
    1) The map that the user sees and navigates.
    2) The admin part where you will add GPS coordinates and descriptions.

    The admin part will require a database and a way to either enter addresses or marker GPS locations. Not everywhere will have an address, so you'll have another mashup to move around a marker and capture the GPS locations.

    This guy just uses Google to create a map and embeds it on a website. Not as fancy as the Queen Map, but it doesn't require any programming.

    How to Create a Custom Travel Map with Google Maps {New Google My Maps Tutorial} | Kevin & Amanda | Food & Travel Blog

    All in all, it will require you to script it all by hand, or you might get lucky and find an existing script.

    I made a mashup to handle the marker GPS capture for another application. You move the marker around and click on it capture the GPS location for "sharing". If the marker is moved off the screen, you click on the blue marker icon on the top left of screen to move the marker back into the center of screen. Not very sophisticated, but I use it to text message people GPS locations that don't have specific addresses.

    Here is my mashup:

    Most of it can be viewed in the HTML source. The PHP part is to do the marker centering. But that mashup would only be a tiny part of your project.

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts

Tags for this Thread

All times are GMT -6. The time now is 09:37 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: