JavaScript - jQuery and APIs: Objects, Objects Everywhere(Google Maps)

Head First jQuery
(O'Reilly Media)
Ryan Benedetti(著), Ronan Cranley(著)

開発環境

• OS X Yosemite - Apple (OS)
• Safari, Firefox, Google Chrome(Webプラウザ)
• Emacs (CUI)、BBEdit - Bare Bones Software, Inc.(GUI) (Text Editor)
• JavaScript (プログラミング言語)

Head First jQuery(Ryan Benedetti(著)、Ronan Cranley(著)、O'Reilly Media)のChapter 11(jQuery and APIs: Objects, Objects Everywhere)、JQUERY CODE MAGNETS(No. 6552)を解いてみる。

その他参考書籍

• Head First HTML and CSS
• Head First JavaScript Programming

JQUERY CODE MAGNETS(No. 6552)

CSS3(BBEdit, Emacs)

#map_canvas {
    float: left;
    height: 450px;
    width:450px;
}

JavaScript(BBEdit, Emacs)

$(document).ready(function() {
    var map,
        initialize = function () {
            var latlng = new google.maps.LatLng(45.519098, -122.672138),
                mapOpts = {
                    zoom: 13,
                    center: latlng,
                    mapTypeId: google.maps.MapTypeId.HYBRID
                },
                map = new google.maps.Map(
                    document.getElementById('map_canvas'), mapOpts);
        };
    
    initialize();
});