bootstrap map

by secretgspot

HTML

<h1>map</h1>
<div id="map-510-4f1f2a8fc7a77" class="wk-map wk-map-default" style="height: 500px; width: 100%; position: relative; background-color: rgb(229, 227, 223); overflow-x: hidden; overflow-y: hidden; " data-widgetkit="googlemaps" data-options="{&quot;title&quot;:&quot;Museum of Modern Art&quot;,&quot;location&quot;:&quot;Museum of Modern Art, New York, NY 10019, USA&quot;,&quot;lat&quot;:&quot;40.7613983&quot;,&quot;lng&quot;:&quot;-73.9776179&quot;,&quot;icon&quot;:&quot;red-dot&quot;,&quot;popup&quot;:2,&quot;text&quot;:&quot;&lt;div class=\&quot;wk-content\&quot;&gt;&lt;h3&gt;Museum of Modern Art&lt;\/h3&gt;\r\n11 W 53rd St\r\n&lt;br \/&gt;New York, NY 10019\r\n&lt;br \/&gt;(212) 708-9400\r\n&lt;br \/&gt;&lt;a href=\&quot;http:\/\/www.moma.org\&quot;&gt;moma.org&lt;\/a&gt;&lt;\/div&gt;&quot;,&quot;mainIcon&quot;:&quot;red-dot&quot;,&quot;style&quot;:&quot;default&quot;,&quot;width&quot;:&quot;auto&quot;,&quot;height&quot;:500,&quot;mapTypeId&quot;:&quot;roadmap&quot;,&quot;zoom&quot;:13,&quot;mapCtrl&quot;:1,&quot;typeCtrl&quot;:1,&quot;directions&quot;:1,&quot;styler_invert_lightness&quot;:0,&quot;styler_hue&quot;:&quot;&quot;,&quot;styler_saturation&quot;:0,&quot;styler_lightness&quot;:0,&quot;styler_gamma&quot;:0,&quot;adresses&quot;:[{&quot;title&quot;:&quot;Madison Square Garden&quot;,&quot;location&quot;:&quot;Penn Station, New York, NY 10001, USA&quot;,&quot;lat&quot;:&quot;40.75058&quot;,&quot;lng&quot;:&quot;-73.99358&quot;,&quot;icon&quot;:&quot;red-dot&quot;,&quot;popup&quot;:&quot;&lt;div class=\&quot;wk-content\&quot;&gt;&lt;h3&gt;Madison Square Garden&lt;\/h3&gt;\r\n2 Penn Plz # 15\r\n&lt;br \/&gt;New York, NY 10121\r\n&lt;br \/&gt;Get Directions\r\n&lt;br \/&gt;(212) 465-6000\r\n&lt;br \/&gt;&lt;a href=\&quot;http:\/\/www.msg.com\&quot;&gt;msg.com&lt;\/a&gt;&lt;\/div&gt;&quot;},{&quot;title&quot;:&quot;Rockefeller Center&quot;,&quot;location&quot;:&quot;Rockefeller Plaza, Rockefeller Center, New York, NY 10112,...

JavaScript

//MAP
(function(d) {
    var e = function() {},
        g = !1,
        i = !1,
        f = [];
    window.google && google.maps && (i = g = !0);
    d.extend(e.prototype, {
        name: "googlemaps",
        options: {
            lat: 53.553407,
            lng: 9.992196,
            marker: !0,
            popup: !1,
            text: "",
            zoom: 13,
            mapCtrl: 1,
            zoomWhl: !0,
            mapTypeId: "roadmap",
            typeCtrl: !0,
            directions: !0,
            directionsDestUpdate: !0,
            mainIcon: "red-dot",
            otherIcon: "blue-dot",
            iconUrl: "http://maps.google.com/mapfiles/ms/micons/"
        },
        initialize: function(a, c) {
            this.options.msgFromAddress = $widgetkit.trans.get("FROM_ADDRESS");
            this.options.msgGetDirections = $widgetkit.trans.get("GET_DIRECTIONS");
            this.options.msgEmpty = $widgetkit.trans.get("FILL_IN_ADDRESS");
            this.options.msgNotFound = $widgetkit.trans.get("ADDRESS_NOT_FOUND");
            this.options.msgAddressNotFound = $widgetkit.trans.get("LOCATION_NOT_FOUND");
            this.options = d.extend({}, this.options, c);
            this.container = a;
            i ? this.setupMap() : f.push(this)
        },
        setupMap: function() {
            var a = this.options;
            this.map = new google.maps.Map(this.container.get(0), {
                mapTypeId: a.mapTypeId,
                center: new google.maps.LatLng(a.lat, a.lng),
                streetViewControl: a.mapCtrl ? !0 : !1,
                navigationControl: a.mapCtrl,
                scrollwheel: a.zoomWhl ? !0 : !1,
                mapTypeControl: a.typeCtrl ? !0 : !1,
                zoomControl: a.mapCtrl ? !0 : !1,
                zoomControlOptions: {
                    style: a.mapCtrl == 1 ? google.maps.ZoomControlStyle.DEFAULT : google.maps.ZoomControlStyle.SMALL
                }
            });
            this.infowindow =...