+ 966 13 86 777 37
BGHLF Commercial Center P.O Box 3412 Khobar 31952
info@dtc. sa
Sat - Thu 08:00 - 05:00

We build great and powerful structures around the world

  • + 966 13 86 777 37

    info@dtc. sa

  • Bghlf Commercial Center

    P.O Box 3412 Khobar 31952

  • Sat - Thu 08:00 - 05:00

    Fri CLOSED

Advanced Google Map

DTC - درر تمامAdvanced Google Map

Google Map 1


multiple markers with custom colors and icons
'} ], options:{ draggable: false, shadow:'', anchor: RichMarkerPosition['BOTTOM'], content:'
' },events:{ gates: function(marker, event, context){ var map = jQuery(this).gmap3('get'), infowindow = jQuery(this).gmap3({get:{name:'infowindow'}}); if (infowindow){ infowindow.open(map, marker); infowindow.setContent(context.data); } else { jQuery(this).gmap3({ infowindow:{ anchor:marker, options:{content: context.data,pixelOffset: new google.maps.Size(0, -50) } } }); } } }} });});
#marker-2100897581 .gmarker {fill:#19b9c8;} #marker-2100897581 i {color:#19b9c8;}
'} ], options:{ draggable: false, shadow:'', anchor: RichMarkerPosition['BOTTOM'], content:'
' },events:{ gates: function(marker, event, context){ var map = jQuery(this).gmap3('get'), infowindow = jQuery(this).gmap3({get:{name:'infowindow'}}); if (infowindow){ infowindow.open(map, marker); infowindow.setContent(context.data); } else { jQuery(this).gmap3({ infowindow:{ anchor:marker, options:{content: context.data,pixelOffset: new google.maps.Size(0, -50) } } }); } } }} });});
#marker-461690635 .gmarker {fill:#e57d04;} #marker-461690635 i {color:#e57d04;}
'} ], options:{ draggable: false, shadow:'', anchor: RichMarkerPosition['BOTTOM'], content:'
' },events:{ gates: function(marker, event, context){ var map = jQuery(this).gmap3('get'), infowindow = jQuery(this).gmap3({get:{name:'infowindow'}}); if (infowindow){ infowindow.open(map, marker); infowindow.setContent(context.data); } else { jQuery(this).gmap3({ infowindow:{ anchor:marker, options:{content: context.data,pixelOffset: new google.maps.Size(0, -50) } } }); } } }} });});
#marker-630425710 .gmarker {fill:#c52b5d;} #marker-630425710 i {color:#c52b5d;}

Google Map 2


full width, custom map style
'} ], options:{ draggable: false, shadow:'', anchor: RichMarkerPosition['BOTTOM'], content:'
' },events:{ gates: function(marker, event, context){ var map = jQuery(this).gmap3('get'), infowindow = jQuery(this).gmap3({get:{name:'infowindow'}}); if (infowindow){ infowindow.open(map, marker); infowindow.setContent(context.data); } else { jQuery(this).gmap3({ infowindow:{ anchor:marker, options:{content: context.data,pixelOffset: new google.maps.Size(0, -50) } } }); } } }} });});
#marker-336239871 .gmarker {fill:#09a274;} #marker-336239871 i {color:#09a274;}
'} ], options:{ draggable: false, shadow:'', anchor: RichMarkerPosition['BOTTOM'], content:'
' },events:{ gates: function(marker, event, context){ var map = jQuery(this).gmap3('get'), infowindow = jQuery(this).gmap3({get:{name:'infowindow'}}); if (infowindow){ infowindow.open(map, marker); infowindow.setContent(context.data); } else { jQuery(this).gmap3({ infowindow:{ anchor:marker, options:{content: context.data,pixelOffset: new google.maps.Size(0, -50) } } }); } } }} });});
#marker-910582176 .gmarker {fill:#7d388b;} #marker-910582176 i {color:#7d388b;}

Google Map 3


few example of predefined custom map styles

Google Map 4


default Visual Composer Google Map element