Loading, please wait...

ARTDESIGN GOOGLE MAP

SETTINGS

Attributes

data-plugin-ad-google-map="ad-google-map"

This attribute is required in order to applied the plugin on the desired element
<div data-plugin-ad-google-map="ad-google-map"></div>

data-ad-google-map-style="UnsaturatedBrowns"

This attribute overwrites the settings of the plugin
<div data-plugin-ad-google-map="ad-google-map" data-ad-google-map-style="UnsaturatedBrowns"></div>

data-ad-google-map-address="France Paris Tour Eiffel"

This attribute sets address position of Google Map
<div data-plugin-ad-google-map="ad-google-map" data-ad-google-map-address="France Paris Tour Eiffel"></div>

data-ad-google-map-latitude-longitude="48.85862-2.294485"

This attribute sets latitude and longitude position of Google Map
<div data-plugin-ad-google-map="ad-google-map" data-ad-google-map-latitude-longitude="48.85862-2.294485"></div>

Public Methods

Destroy

<script type="text/javascript">
    var GoogleMap = $(".ArtDesign").ArtDesignGoogleMap();
    GoogleMap.Destroy();
</script>

Default Options

<script type="text/javascript">
    BrowserSupport: { // Settings for the browser support
        Chrome: 20, // Indicates the require minimum version of the Chrome browser; Must be integer; By default: 20
        Mozilla: 20, // Indicates the require minimum version of the Mozilla browser; Must be integer; By default: 20
        Opera: 20, // Indicates the require minimum version of the Opera browser; Must be integer; By default: 20
        Safari: 5, // Indicates the require minimum version of the Safari browser; Must be integer; By default: 5
        MSIE: 9, // Indicates the require minimum version of the MSIE browser; Must be integer; By default: 9
        MSEdge: 12 // Indicates the require minimum version of the MSEdge browser; Must be integer; By default: 12
    },
    FrameworkSettings: { // Set all framework settings as a CSS block, can be added more setting such as attributes
        "position": "relative",
        "maxWidth": "100%",
        "height": "400px",
        "background": "#FFFFFF",
        "border": "1px solid #FFFFFF",
        "boxShadow": "0px 0px 8px 0px rgba(0, 0, 0, 0.3)"
    },
    GoogleMapSettings: { // Settings for Google Map
        MapType: "ROADMAP",
        MapStyle: "PaleDawn",
        Zoom: 14,
        GEOLocation: false,
        GEOLocationTitle: "YourPosition",
        ScrollWheel: true,
        Draggable: true,
        DisableDoubleClickZoom: false,
        DisableDefaultUI: false,
        MapTypeControl: true,
        MapTypeControlOptions: {
            "style": google.maps.MapTypeControlStyle.DROPDOWN_MENU
        },
        ZoomControl: true,
        ZoomControlOptions: {
            "position": google.maps.ControlPosition.LEFT_BOTTOM
        },
        StreetViewControl: false,
        StreetViewControlOptions: {
            "position": google.maps.ControlPosition.RIGHT_TOP
        },
        FullScreenControl: true
    },
    Position: {
        Latitude: 51.519697,
        Longitude: -0.117300
    },
    Markers: {}
</script>