Multiple styles for Google maps?

• herrfischer

• February 9, 2018 at 2:05 am

I add a style to my google maps like this:

// vars
var args = {
    zoom        : 16,
    center      : new google.maps.LatLng(0, 0),
    mapTypeId   : google.maps.MapTypeId.ROADMAP,
    zoomControlOptions: {
        style: google.maps.ZoomControlStyle.SMALL,
        position: google.maps.ControlPosition.RIGHT_CENTER
    },

    styles: <?php echo get_field('_gm_design', 'option'); ?>,

};

Now I want to add a different style to maps that are located in the websites footer. Hmmm … any idea?

• nathanaelphilip

• February 10, 2018 at 12:28 am

Hi @herrfischer

You would just need to set up different args for each map.
I think this will help you get started: https://stackoverflow.com/questions/4074520/how-to-display-multiple-google-maps-per-page-with-api-v3