jQuery + google maps + Elevation

playing with google maps v3 events, jQuery, icons from http://google-maps-icons.googlecode.com

HTML

<script src="http://maps.google.com/maps/api/js?sensor=false&amp;.js"></script>
<script src="http://rniemeyer.github.com/KnockMeOut/Scripts/knockout-latest.debug.js"></script>
<div id="mapDiv" style="width:300px; height:300px" data-bind="map:myMap"></div>

JavaScript

$(document).ready(function () {
    ko.applyBindings(new ViewModel());
});

function ViewModel() {
    var self = this;
    this.myMap = ko.observable({
        lat: 34.1,
        lng: 31.6
    });

    this.compositionComplete = function (child, parent, settings) {};
}

ko.bindingHandlers.map = {
    init: function (element, valueAccessor, allBindingsAccessor) {
        var mapObj = ko.utils.unwrapObservable(valueAccessor());
        var latLng = new google.maps.LatLng(
        ko.utils.unwrapObservable(mapObj.lat),
        ko.utils.unwrapObservable(mapObj.lng));
        var mapOptions = {
            center: latLng,
            zoom: 15
        };

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

        mapObj.marker = new google.maps.Marker({
            map: mapObj.googleMap,
            position: latLng,
            title: "You Are Here"
        });

        $(element).data("mapObj", mapObj);
    }

};