www.googlemapsgenerator.co.uk Open in urlscan Pro
178.62.85.129  Public Scan

Form analysis
2 forms found in the DOM

<form class="map-options" id="map-options" autocomplete="off">
  <div class="row">
    <div class="medium-12 columns">
      <h2>Map Settings</h2>
      <label> API Key <input type="text" name="api_key" value="AIzaSyBPVM3bvkHq821gymVHdfZXy_hfwgTlod0">
      </label>
    </div>
  </div>
  <hr>
  <div class="row">
    <div class="medium-12 columns">
      <h5>Map Dimensions</h5>
    </div>
    <div class="medium-6 columns">
      <div class="input-group input-no-mb">
        <span class="input-group-label">W</span>
        <input type="text" name="width" value="100%" class="input-group-field map-dimensions">
      </div>
    </div>
    <div class="medium-6 columns">
      <div class="input-group input-no-mb">
        <span class="input-group-label">H</span>
        <input type="text" name="height" value="600px" class="input-group-field size map-dimensions">
      </div>
    </div>
  </div>
  <hr>
  <div class="row">
    <div class="medium-12 columns">
      <h5>Map Location/Center</h5>
    </div>
    <div class="medium-12 columns">
      <label> Latitude <input type="text" name="latitude" value="51.507351">
      </label>
    </div>
    <div class="medium-12 columns">
      <label> Longitude <input type="text" name="longitude" value="-0.127758">
      </label>
    </div>
    <div class="medium-12 columns">
      <label>
        <a class="button" href="#" data-open="center-by-location" aria-controls="center-by-location" aria-haspopup="true" tabindex="0">Center by Location</a>
      </label>
    </div>
    <div class="medium-12 columns">
      <label> Zoom Level <input type="number" name="zoom" value="8">
      </label>
    </div>
  </div>
  <hr>
  <div class="row">
    <div class="medium-12 columns">
      <h5>Locations</h5>
    </div>
    <div class="medium-12 columns">
      <a class="button button-add-location" href="#" data-open="add-location" aria-controls="add-location" aria-haspopup="true" tabindex="0">Add Location</a>
      <div id="locations-list">
        <ul>
        </ul>
      </div>
    </div>
    <div class="medium-12 columns">
      <label> Longitude <input type="text" name="longitude" value="-0.127758">
      </label>
    </div>
    <div class="medium-12 columns">
      <label>
        <a class="button" href="#" data-open="center-by-location" aria-controls="center-by-location" aria-haspopup="true" tabindex="0">Center by Location</a>
      </label>
    </div>
    <div class="medium-12 columns">
      <label> Zoom Level <input type="number" name="zoom" value="8">
      </label>
    </div>
  </div>
  <hr>
  <div class="row">
    <div class="medium-12 columns">
      <h5>Map Styling</h5>
    </div>
    <div class="medium-12 columns">
      <label>Map type control <select name="map_type_control">
          <option selected="selected" value="HORIZONTAL_BAR">Horizontal Bar</option>
          <option value="DROPDOWN_MENU">Dropdown</option>
          <option>None</option>
        </select>
      </label>
    </div>
    <div class="medium-12 columns">
      <label> Draggable <input type="checkbox" name="draggable" checked="checked">
      </label>
    </div>
    <div class="medium-12 columns">
      <label> Enable scrollwheel <input type="checkbox" name="scrollwheel" checked="checked">
      </label>
    </div>
    <div class="medium-12 columns">
      <label>Zoom control <select name="zoom_control">
          <option selected="selected">Default</option>
          <option>None</option>
        </select>
      </label>
    </div>
    <div class="medium-12 columns">
      <label>Snazzy Map Theme <select name="map_theme">
          <option value="Standard">Standard</option>
          <option value="Architectural">Architectural</option>
          <option value="Aviasales test">Aviasales test</option>
          <option value="Blue water">Blue water</option>
          <option value="Cool Grey">Cool Grey</option>
          <option value="DBI">DBI</option>
          <option value="Desaturated Roads">Desaturated Roads</option>
          <option value="Even lighter">Even lighter</option>
          <option value="Flat">Flat</option>
          <option value="Flat Colors">Flat Colors</option>
          <option value="Girly">Girly</option>
          <option value="Home of Puntcentric">Home of Puntcentric</option>
          <option value="Lemon Tree">Lemon Tree</option>
          <option value="Light dream">Light dream</option>
          <option value="Muted">Muted</option>
          <option value="NC10">NC10</option>
          <option value="Pale Dawn">Pale Dawn</option>
          <option value="Paper">Paper</option>
          <option value="Papuportal">Papuportal</option>
          <option value="Simplicity is king">Simplicity is king</option>
          <option value="Sin City">Sin City</option>
          <option value="Shades of Grey">Shades of Grey</option>
          <option value="St marys">St marys</option>
          <option value="Subtle Grayscale">Subtle Grayscale</option>
          <option value="Ultra Light with Labels">Ultra Light with Labels</option>
          <option value="WY">WY</option>
          <option value="50 Shades of Blue">50 Shades of Blue</option>
        </select>
      </label>
    </div>
  </div>
  <hr>
</form>

<form autocomplete="off" data-abide="ajax">
  <div class="row">
    <div class="large-6 columns">
      <h2>Add Location</h2>
      <div class="input-wrapper">
        <label>Enter location <input type="text" placeholder="Please enter your location" value="London, UK" id="marker-location">
          <a href="#" id="add-location-search" title="Search"><i class="fi-loop"></i></a>
        </label>
      </div>
      <div id="add-location-map"></div>
    </div>
    <div class="large-6 columns" id="location-marker-details">
      <div class="row collapse">
        <div class="large-6 columns">
          <label class="mr">Title of Marker <input type="text" name="marker-title" value="London">
          </label>
        </div>
        <div class="large-6 columns">
          <label>Telephone <input type="text" value="" name="marker-telephone">
          </label>
        </div>
      </div>
      <div class="row collapse">
        <div class="large-6 columns">
          <label class="mr" role="alert">Email <input type="email" value="" name="marker-email">
          </label>
        </div>
        <div class="large-6 columns" role="alert">
          <label>Website <input type="url" value="" name="marker-website" placeholder="https://www.mywebsite.co.uk/">
          </label>
        </div>
      </div>
      <div class="row collapse">
        <div class="large-12 columns">
          <label>Description <textarea name="marker-description"></textarea>
          </label>
        </div>
      </div>
      <div class="row collapse">
        <div class="large-12 columns">
          <label>Pin Style</label>
          <div class="selected-pin"><img src="https://maps.google.com/mapfiles/ms/icons/red-dot.png" alt=""> Red Dot</div>
          <div class="pins">
            <ul>
              <li><img src="https://maps.google.com/mapfiles/ms/icons/blue-dot.png" alt=""> Blue Dot</li>
              <li><img src="https://maps.google.com/mapfiles/ms/icons/green-dot.png" alt=""> Green Dot</li>
              <li><img src="https://maps.google.com/mapfiles/ms/icons/purple-dot.png" alt=""> Purple Dot</li>
              <li><img src="https://maps.google.com/mapfiles/ms/icons/red-dot.png" alt=""> Red Dot</li>
              <li><img src="https://maps.google.com/mapfiles/ms/icons/yellow-dot.png" alt=""> Yellow Dot</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="large-12 column buttons">
      <a href="#" class="button save" id="add-map-location">Add to map</a>
      <a href="#" class="button alert float-right" data-close="" aria-label="Close modal">Cancel</a>
      <button class="close-button" data-close="" aria-label="Close modal" type="button">
        <span aria-hidden="true">×</span>
      </button>
    </div>
  </div>
  <input type="hidden" name="latitude">
  <input type="hidden" name="longitude">
</form>

Text Content

GOOGLE MAPS GENERATOR – BETA

 * About
 * Login


MAP SETTINGS

API Key

--------------------------------------------------------------------------------

MAP DIMENSIONS

W
H

--------------------------------------------------------------------------------

MAP LOCATION/CENTER

Latitude
Longitude
Center by Location
Zoom Level

--------------------------------------------------------------------------------

LOCATIONS

Add Location

Longitude
Center by Location
Zoom Level

--------------------------------------------------------------------------------

MAP STYLING

Map type control Horizontal Bar Dropdown None
Draggable
Enable scrollwheel
Zoom control Default None
Snazzy Map Theme StandardArchitecturalAviasales testBlue waterCool
GreyDBIDesaturated RoadsEven lighterFlatFlat ColorsGirlyHome of PuntcentricLemon
TreeLight dreamMutedNC10Pale DawnPaperPapuportalSimplicity is kingSin CityShades
of GreySt marysSubtle GrayscaleUltra Light with LabelsWY50 Shades of Blue

--------------------------------------------------------------------------------

To navigate, press the arrow keys.




←Move left→Move right↑Move up↓Move down+Zoom in-Zoom outHomeJump left by
75%EndJump right by 75%Page UpJump up by 75%Page DownJump down by 75%


Map
 * Terrain

Satellite
 * Labels












Keyboard shortcuts
Map DataMap data ©2023 GeoBasis-DE/BKG (©2009), Google
Map data ©2023 GeoBasis-DE/BKG (©2009), Google

20 km 

Click to toggle between metric and imperial units
Terms of Use
Report a map error
Get Code Save Map


MAP CENTER

Enter location

In order to get the correct location you may need to append the country to the
search i.e UK, Biringham

Update Cancel ×



ADD LOCATION

Enter location

Title of Marker
Telephone
Email
Website
Description
Pin Style
Red Dot
 * Blue Dot
 * Green Dot
 * Purple Dot
 * Red Dot
 * Yellow Dot

Add to map Cancel ×


YOUR MAP CODE

 * Source Code
 * Embed / iFrame

Coming soon...

Copy Cancel ×