ko-google-map.js

(function(ko) {
	var updateOrInit = function (element, valueAccessor, allBindingsAccessor, data) {
		var latLng = new google.maps.LatLng(data.latitude(), data.longitude());
		var mapOptions = {
			zoom: 16,
			center: latLng,
			mapTypeId: google.maps.MapTypeId.ROADMAP
		};

		var map = new google.maps.Map(element, mapOptions);
		var marker = new google.maps.Marker({
			position: latLng,
			map: map
		});

		var infowindow = new google.maps.InfoWindow({
			content: data.name().bold()
		});

		google.maps.event.addListener(marker, 'mouseover', function () {
			infowindow.open(map, marker);
		});

		google.maps.event.addListener(marker, 'mouseout', function () {
			infowindow.close(map, marker);
		});
	};

	ko.bindingHandlers.googlemap = {
		init: updateOrInit,
		update: updateOrInit
	};
})(ko);