How to customize Google map?

[mengeco]

Hello,

How to customize Google map?

The Google map plugin for Visual composer is very basic.

That of SPB is perfect but all my layout is realized with Visual Composer.

Is there another way to customize Google map

Best Regards

[mengeco]

… in my “Contact” page, I add two exemples:

1) a screenshot with the good color and logo. This is the result I get love but with a dynamic map Google, like SPB google map 😉

2) Google map with Virtual composer : it’s very basic, no options. if this is the only solution, how to remove the gray outline ?

Thanks !!!!

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-
Thanks
Mohammad

[mengeco]

Hi Mohammad,
sorry but I do not see custom css
Thanks

[Mohammad – SUPPORT]

Hi,
Sorry! I forgot to paste the code:-

.wpb_gmaps_widget .wpb_wrapper {
    background-color: #fff !important;
}

Thanks
Mohammad

[mengeco]

Perfect, thanks Mohammad

And is it possible to change other css :
– replace Google marker by a personal logo
– change map color

Like a great plugin Google map SPB

Thanks

[Mohammad – SUPPORT]

Hi,
I am afraid that its not possible to change the iframe embed code and its not a theme component.
Thanks
Mohammad

[mengeco]

OK but what I do not understand is that there are many google map plugins but none are as good as your SPB plugin
It should be possible to use this plugin in Virtuea deal;)

[Mohammad – SUPPORT]

Hi,
Activate Swift Frame work and create a map element and copy the shortcode in text editor mode. Now switch back to Visual editor and paste this shortcode in a text block element.
Thanks
Mohammad

[mengeco]

Sorry, I did not understand everything

I enabled swift framework
– Do I have to create a shortcode in swift framework?
– Where do I need to create a map element?
Thanks !

[Mohammad – SUPPORT]

Hi,
1- Activate the Swift Page builder.

2- Now create a map element of Swift Page builder.

3- Now switch the page editor Swift Page builder to HTML/text mode.

4- You will see the code of map element of Swift Page builder. Just copy it.

5- You can paste this code at any text block element of Visual page composer.

Thanks
Mohammad

[mengeco]

Wow! it is really great !!!!!!!!!!!!!!!!!!!!! I searched for more than a day to find a solution without success and you, you had the bright idea in 2 minutes, bravo Mohammad!!!

[mengeco]

Oops, sorry, this is a false joy 🙁
For this to work, I have to leave SPB enabled, but if SPB is active, there is a conflict with Virtual dial in some pages.
If I disable SPB, the map is no longer displays, leaving only the code 🙁
But thank you for your help!

[Mohammad – SUPPORT]

Hi,
You can take enjoy one thing at a time.
Thanks
Mohammad