Grow your CSS skills. Land your dream job.

Got a template – Could not customize embedded Google Maps

  • # June 25, 2014 at 5:09 am

    Hi :)

    I downloaded this template Live View Here and customized it to my needs.

    My problem is about the “Contact” Page and the hexagon containing the Map of Manhattans Central Park.

    Now i have been googling for hours to find out how to customize the “templatemo_map” class, i could not change the map coordinates because i did not find any, in none of the .css or .html files included.

    I then investigated the code with Firebug and found some coordinates and even a google-maps link, but i cannot find it anywhere within the files.

    I’m in desperate need of help :) i didn’t even pee for hours.

    Thank you in advance!

    # June 25, 2014 at 5:17 am

    Google maps has it’s own API and the markers are probably to be found in the JS files.

    However, without a live link to the actual site it’s hard to diagnose.

    # June 25, 2014 at 5:32 am

    Check in templateemo_custom.js for something that looks like this:

    function initialize() {
      var mapOptions = {
        zoom: 12,
        center: new google.maps.LatLng(40.7823234,-73.9654161)
      };
      var map = new google.maps.Map(document.getElementById('templatemo_map'),  mapOptions);
    }
    

    Change the LatLng() to suit you.

    Read more: https://developers.google.com/maps/documentation/javascript/tutorial

    # June 25, 2014 at 7:00 am

    Thank you guys :D found it.
    It’s kinda awkward :o i looked for it for hours

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".