Recent Tweets

Shortcode – Google Maps

Google Maps

With Credence you have extremely powerful map options.  You can create multiple maps on a page.  You can create multiple markers per map and you don’t have to worry about geocoding (getting the latitude and longitude yourself).  All you need is the address and Credence does the rest.  You can even add them to sidebars.

[shvc_gmap unique=”jAMRin5″ bordered=”true” full_width=”false” height=”300px” width=”100%” zoom=”12″ zoomcontrol=”false” pancontrol=”true” maptypecontrol=”true” scrollwheel=”true” maptype=”TERRAIN” changemap=”true” mapcolor=”#e74c3c” infoboxbg=”rgba(255,255,255,0.85)” infoboxcolor=”#111111″ address=”Wheat Ridge, CO 80033″ marker=”177″ fullwidth=”false” saturation=”-25″ lightness=”25″][/shvc_gmap]

Amazing Map Customizations

Style your maps any color, use any icon, create multiple points, choose the zoom level you want.  Use HSL (Hue, Saturation and Lightness) to control the exact color level you want to use.

Choose to add a border around the map or no border.  Set map widths and heights using pixels or percents.  The possibilities really are endless

[shvc_gmap unique=”colors1″ bordered=”false” full_width=”false” height=”340px” width=”100%” zoom=”16″ zoomcontrol=”true” pancontrol=”false” maptypecontrol=”false” scrollwheel=”false” maptype=”ROADMAP” changemap=”true” mapcolor=”#1e73be” infoboxbg=”rgba(30,115,190,0.94)” infoboxcolor=”#f7f7f7″ address=”140 W 14th Ave Pkwy Denver, CO 80204″ marker=”219″ infobox=”DownTown Office
14th Ave Denver, CO 80204″ fullwidth=”false”][shvc_gmap_point address=”1236 Elati St, Denver, CO” marker=”218″ infobox=”South Office
Elati St, Denver”][shvc_gmap_point address=”1350 Grant St Denver, CO 80203″ marker=”217″ infobox=”East Office
Grant St Denver, CO 80203″][/shvc_gmap]
[shvc_parallax backgroundchoice=”parallax” bgcolor=”rgba(0,0,0,0.5)” fontcolor=”#ffffff” background=”715″ overlaycolor=”rgba(0,0,0,0.47)”]

Use Any Map Type

You can use all available map types that Google provides (Roadmap, Satellite, Hybrid and Terrain).  You can control what elements you want to allow in the map (like scrolling, panning, zooming and map selection).  Even allow or disallow mouse wheel zooming.

[shvc_gmap unique=”jAMRin5″ bordered=”true” full_width=”false” height=”250px” width=”100%” zoom=”7″ zoomcontrol=”true” pancontrol=”true” maptypecontrol=”true” scrollwheel=”false” maptype=”ROADMAP” changemap=”false” mapcolor=”#e74c3c” infoboxbg=”rgba(255,255,255,0.94)” infoboxcolor=”#111111″ address=”Denver Colorado” infobox=”Roadmap Map Type” fullwidth=”false”][/shvc_gmap]
[shvc_gmap unique=”jAMRin5″ bordered=”true” full_width=”false” height=”250px” width=”100%” zoom=”7″ zoomcontrol=”false” pancontrol=”true” maptypecontrol=”false” scrollwheel=”false” maptype=”SATELLITE” changemap=”false” mapcolor=”#e74c3c” infoboxbg=”rgba(255,255,255,0.94)” infoboxcolor=”#111111″ address=”Denver Colorado” infobox=”Satellite Map Type” fullwidth=”false”][/shvc_gmap]
[shvc_gmap unique=”jAMRin5″ bordered=”true” full_width=”false” height=”250px” width=”100%” zoom=”7″ zoomcontrol=”false” pancontrol=”false” maptypecontrol=”true” scrollwheel=”false” maptype=”TERRAIN” changemap=”false” mapcolor=”#e74c3c” infoboxbg=”rgba(255,255,255,0.94)” infoboxcolor=”#111111″ address=”Denver Colorado” infobox=”Terrain Map Type” fullwidth=”false”][/shvc_gmap]
[shvc_gmap unique=”jAMRin5″ bordered=”true” full_width=”false” height=”250px” width=”100%” zoom=”7″ zoomcontrol=”false” pancontrol=”false” maptypecontrol=”false” scrollwheel=”false” maptype=”HYBRID” changemap=”false” mapcolor=”#e74c3c” infoboxbg=”rgba(255,255,255,0.95)” infoboxcolor=”#111111″ address=”Denver Colorado” infobox=”Hybrid Map Type” fullwidth=”false”][/shvc_gmap]
[/shvc_parallax]

Make Them Any Size, Even Full Width

[shvc_gmap unique=”RW7pOXy” bordered=”false” full_width=”true” height=”400px” width=”100%” zoom=”10″ zoomcontrol=”true” pancontrol=”true” maptypecontrol=”true” scrollwheel=”false” maptype=”ROADMAP” changemap=”true” infoboxbg=”rgba(0,0,0,0.85)” infoboxcolor=”#f7f7f7″ address=”Loveland, Colorado” infobox=”Full Width is as easy as changing an option. How about that!” fullwidth=”true” mapcolor=”#81d742″ marker=”183″][/shvc_gmap]