Google map overlay

This topic contains 2 replies, has 2 voices, and was last updated by  John Gallagher 8 years, 3 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • #246425

    John Gallagher
    Free User
    Post count: 11

    Hi all,
    Has anyone found a way to overlay an image on the listings page map. (or home)

    I have attached an image of what I need to do (it would be in normal view, not satellite)
    I have looked at the google map developers tutorials but I cant get to grips with it.

    the image I need to overlay are historic land divisions and I would add a legend to the page to name the area’s.

    Any help would be great.

    Thanks

    #246867

    Kor
    Moderator
    Post count: 16516

    Hi John,

    Unfortunately, that requires intense customization to the Google map which falls outside the scope of what we offer for support. I’d suggest that you bring this question to the Google Map support channel here. https://developers.google.com/maps/documentation/javascript/support

    #247249

    John Gallagher
    Free User
    Post count: 11

    Thanks Kor,
    I have been through a lot of Google’s own docs and examples, I also found some youtube vids – https://www.youtube.com/channel/UCjG-0L40prQXtCS_E525aCw
    and i got a map overlay working with that tutorial.

    My problem is now that i dont know how to where to implement this code in GD.

    Below is a snippet of the code used and i also attached a zip of the working map if you would like to have a look at it.

    var imageUrl = ‘data/map-overlay.png’;
    var imageBounds = [
    [ 54.124848, -8.222075],
    [ 54.031026, -8.039511]
    ];
    var imageLayer = L.imageOverlay(imageUrl, imageBounds).addTo(map);
    map.fitBounds(imageBounds);

    var overlayMaps = {‘Image’ : imageLayer};

    Maybe this is something you might think about adding on to GD in the future. It would be a great asset to the plugin.

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

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount