深入理解JavaScript系列（22）：S.O.L.I.D五大原則之依賴倒置原則DIP詳解_基礎知識

    var mapOptions = {
        中心：新的 google.maps.LatLng(options.latitude,options.longitude),
        縮放：12，
        地圖類型 ID：google.maps.MapTypeId.ROADMAP
    },
        地圖 = new google.maps.Map(this[0], mapOptions),
        pos = new google.maps.LatLng(options.latitude,options.longitude);

    var mark = new google.maps.Marker({
        地點： pos，
        標題：選項.標題，
        圖示：選項.icon
    });

   marker.setMap(map);

    options.feed.update(function(緯度, 經度) {
        marker.setMap(null);
        var newLatLng = new google.maps.LatLng(緯度, 經度);
        標記.position = newLatLng;
        marker.setMap(地圖);
        map.setCenter(newLatLng);
    });

    回此；
};

var updater = (function() {
    // 私有屬性

    回 {
        更新：函數（回呼）{
            updateMap = 回調;
        }
    };
})();

$("#map_canvas").trackMap({
    緯度: 35.044640193770725,
    經度：-89.98193264007568，
    圖示：'http://bit.ly/zjnGDe'，
    title: '追蹤號碼：12345',
    摘要：更新器
});

    options = $.extend({}, defaults, options);

    options.provider.showMap(
        this[0],
        options.latitude,
        options.longitude,
        options.icon,
        options.title);

    options.feed.update(function(latitude, longitude) {
        options.provider.updateMap(latitude, longitude);
    });

    return this;
};

$("#map_canvas").trackMap({
    latitude: 35.044640193770725,
    longitude: -89.98193264007568,
    icon: 'http://bit.ly/zjnGDe',
    title: 'Tracking Number: 12345',
    feed: updater,
    provider: trackMap.googleMapsProvider
});

    return {
        showMap: function(element, latitude, longitude, icon, title) {
            var mapOptions = {
                center: new google.maps.LatLng(latitude, longitude),
                zoom: 12,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            },
                pos = new google.maps.LatLng(latitude, longitude);

            map = new google.maps.Map(element, mapOptions);

            marker = new google.maps.Marker({
                position: pos,
                title: title,
                icon: icon
            });

            marker.setMap(map);
        },
        updateMap: function(latitude, longitude) {
            marker.setMap(null);
            var newLatLng = new google.maps.LatLng(latitude,longitude);
            marker.position = newLatLng;
            marker.setMap(map);
            map.setCenter(newLatLng);
        }
    };
})();