Custom Google Maps

This topic contains 19 replies, has 12 voices, and was last updated by  Patrick 10 years, 2 months ago.

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

Open Support Ticket

Tagged: ,

  • Author
    Posts
  • #3431

    Patrick
    Lifetime Member
    Post count: 86

    Hello, I wanted to see if there is a way to use the custom styled google maps found on http://www.snazzymaps.com. I’ve looked all through the back end files and am not sure of the right place to implement the code they provide.

    Any assistance would be greatly appreciated!

    #3432

    Paolo
    Site Admin
    Post count: 31206

    I’m not 100% sure that GD can work with those styles, so I’m flagging this for Vikas.

    He’ll let you know asap.

    Thx

    #3441

    Patrick
    Lifetime Member
    Post count: 86

    Great! Thank you.

    #3484

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    It could be made to work, if you can get a few people to say they would be interested in this then we will build it.

    Thanks,

    Stiofan

    #3506

    dragonflyca
    Free User
    Post count: 10

    Yes! very interested in this too. Vote +1

    #3517

    Patrick
    Lifetime Member
    Post count: 86

    That would be great if you could develop that Stiofan! I tried to implement the map styling myself through the map.js file but had no luck. Java Script is not my thing.

    How many people would we need to have request it to justify development?

    And thanks for the +1 dragonflyca.

    #3543

    loading…
    Free User
    Post count: 44

    I’m pretty interested about this, too! Vote +1

    It would be nice to have a feature like Show/Hide map, also. Like in this example: http://uouapps.com/wp/glocal/

    #3544

    purpleedge
    Expired Member
    Post count: 539

    +1

    But, only on selected maps.

    Not my top priority <g>

    #8072

    PSI
    Free User
    Post count: 68

    +1

    Stiofan, Vikas can you please tell me in the meantime where to start if I want to implement JSON Styling File? Would like to try on my own some things – will also give you the feedback of my experiences.

    Thanks guys!

    PSI

    #8074

    onesa
    Free User
    Post count: 28

    Vote +1

    #8077

    filtzexpress
    Free User
    Post count: 1

    +1, I would appreciate this feature as well.

    #8090

    Paolo
    Site Admin
    Post count: 31206

    Hi,
    I’ve reported the request in the request system. Please vote only in the request system, we won’t take this kind of post into consideration in the future…

    Please read here for more info: https://wpgeodirectory.com/support/topic/feature-request-system/

    Thx

    #9185

    chris
    Free User
    Post count: 12

    If anyone is wondering how to do this until they develop it more completely follow these steps:

    1) Locate the map.js file under ( geodirectorygeodirectory-functionsmap-functionsjs )

    2) Search for var styles

    3) Below the var style, just add your google maps styles.

    This is what it may look like when done

    
    
    	
    var styles = [
    // Google Map Styles Starts Here
    {
    "stylers": [
      { "invert_lightness": true },
      { "saturation": -100 }
    ]
    },
    // Google Map Styles End Here
    {
    	featureType: "poi.business",
    	elementType: "labels",
    	stylers: [
    		{ visibility: "off" },
    	]
    }
    ];
    
    #9296

    Paolo
    Site Admin
    Post count: 31206

    thx Chris!

    #10167

    Patrick
    Lifetime Member
    Post count: 86

    Hey, we were able to figure this out and are very happy with the results. Thanks for posting the solution Chris.

    However, whenever you update the GD plugin and Theme you have to re-upload the maps.js file. Is there any way I can add that file to the child theme so it will remain the default maps.js file?

Viewing 15 posts - 1 through 15 (of 20 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