';
html += '
' +
'
';
$container.append(html);
};
var togglePanoramioLayer = function () {
if (data.show_panoramio_overlay && parseInt(data.show_panoramio_overlay)) {
var tag = data.panoramio_overlay_tag;
_panoramioLayer = new google.maps.panoramio.PanoramioLayer();
if (tag) _panoramioLayer.setTag(tag);
_panoramioLayer.setMap(map);
}
};
var switchTravelType = function () {
var $me = $(this);
var $meImg = $me.find('img');
var $allImg = $(selector + ' .agm_mh_travel_type img');
$allImg.each(function () {
$(this).attr('src', $(this).attr('src').replace(/_on\./, '_off.'));
});
if ($meImg.attr('src').match(/car_off\.png/)) {
travelType = google.maps.DirectionsTravelMode.DRIVING;
} else if ($meImg.attr('src').match(/bike_off\.png/)) {
travelType = google.maps.DirectionsTravelMode.BICYCLING;
} else if ($meImg.attr('src').match(/walk_off\.png/)) {
travelType = google.maps.DirectionsTravelMode.WALKING;
}
$meImg.attr('src', $meImg.attr('src').replace(/_off\./, '_on.'));
return false;
};
var setDirectionWaypoint = function () {
if (!$(selector + ' .agm_mh_directions_container').is(':visible')) createDirectionsMarkup();
var id = extractMarkerId($(this).attr('href'));
var marker = _markers[id];
var geocoder = new google.maps.Geocoder();
geocoder.geocode({'latLng': marker.getPosition()}, function (results, status) {
if (status == google.maps.GeocoderStatus.OK) {
$(selector + ' .agm_waypoint_a').val(results[0].formatted_address);
}
else alert(l10nStrings.geocoding_error);
});
return false;
};
var swapWaypoints = function () {
var tmpA = $(selector + ' .agm_waypoint_a').val();
$(selector + ' .agm_waypoint_a').val($(selector + ' .agm_waypoint_b').val());
$(selector + ' .agm_waypoint_b').val(tmpA);
return false;
};
var getDirections = function () {
var locA = $(selector + ' .agm_waypoint_a').val();
var locB = $(selector + ' .agm_waypoint_b').val();
if (!locA || !locB) {
alert(l10nStrings.missing_waypoint);
return false;
}
var request = {
"origin": locA,
"destination": locB,
"unitSystem": data.defaults.units,
"travelMode": travelType
};
directionsDisplay.setPanel($(selector + ' .agm_mh_directions_panel').get(0));
directionsService.route(request, function(result, status) {
if (status == google.maps.DirectionsStatus.OK) directionsDisplay.setDirections(result);
else alert(l10nStrings.oops_no_directions);
});
return false;
};
var plotRoutes = function () {
var old = false;
$.each(_markers, function (idx, mark) {
if (!old) {
old = mark;
return true; // Skip if no previous marker
}
var request = {
"origin": old.getPosition(),
"destination": mark.getPosition(),
"travelMode": google.maps.DirectionsTravelMode.DRIVING
};
var dd = new google.maps.DirectionsRenderer({
"draggable": true
});
var ds = new google.maps.DirectionsService();
dd.setMap(map);
ds.route(request, function(result, status) {
if (status == google.maps.DirectionsStatus.OK) dd.setDirections(result);
});
old = mark;
});
};
var addNewMarker = function (title, pos, body, icon) {
var idx = _markers.length;
map.setCenter(pos);
var marker = new google.maps.Marker({
title: title,
map: map,
icon: _agm_root_url + '/img/' + icon,
draggable: false,
clickable: true,
position: pos
});
var infoContent = '' +
' ' +
'
' +
'' +
'
' +
'
' +
'
' +
'
' +
'' +
'' +
'' +
'' +
'
' +
' ' +
'' +
'
' +
'' +
' ' +
'' +
'' +
'
' +
' ' +
'' +
'
' +
'' +
' ' +
'' +
'' +
'' +
'
' +
'' +
'
'
;
html += '' +
'
' +
'
';
var info = new google.maps.InfoWindow({
content: infoContent
});
google.maps.event.addListener(marker, 'click', function() {
info.open(map, marker);
});
marker._agmBody = body;
marker._agmInfo = info;
_markers[idx] = marker;
updateMarkersListDisplay();
};
var addMarkers = function () {
if (!data.markers) return;
$.each(data.markers, function (idx, marker) {
addNewMarker(marker.title, new google.maps.LatLng(marker.position[0], marker.position[1]), marker.body, marker.icon);
});
};
var extractMarkerId = function (href) {
var id = href.replace(/[^0-9]+/, '');
return parseInt(id);
};
var centerToMarker = function () {
var $me = $(this);
var id = extractMarkerId($me.attr('href'));
var m = _markers[id];
map.setCenter(m.getPosition());
if (parseInt(data.street_view)) {
var panorama = map.getStreetView();
panorama.setPosition(map.getCenter());
panorama.setVisible(true);
}
return false;
};
var createDirectionsLink = function (idx) {
return '' + l10nStrings.directions + '';
};
var createLinksToPostsMarkup = function (idx,i) {
if (!"show_posts" in data || !data.show_posts || !parseInt(data.show_posts)) return '';
return '';
};
var updateMarkersListDisplay = function () {
if (!data.show_markers || !parseInt(data.show_markers)) return false;
var html = '' + title + '
' +
'' +
'' + body + '
' +
createDirectionsLink(idx) +
createLinksToPostsMarkup(idx,1) +
'- ';
$.each(_markers, function (idx, mark) {
html += '
- ' +
'' +
'
' + '
' + '' + '' + createDirectionsLink(idx) + createLinksToPostsMarkup(idx) + '' + ''+ mark.getTitle() + '' + '' + mark._agmBody + '' + ' ';
});
html += '
' + l10nStrings.posts + '
';
html += '- ';
var style = '';
$.each(data.posts, function (idx, post) {
if (idx > 2) style = 'style="display:none;"';
html += '
- ' + post.post_title + ' '; }); html += '
' + $old.html() + '
';
mapMarker._agmInfo.setContent(markup);
$('.agm_toggle_hidden_post_links').live('click', function () {
var $me = $(this).parents('.agm_post_links_container').first();
if ($me.find('.agm_associated_posts_list_items li:hidden').length) {
$me.find('.agm_associated_posts_list_items li:hidden').show();
$(this).text(l10nStrings.hide);
} else {
$me.find('.agm_associated_posts_list_items li:gt(2)').hide();
$(this).text(l10nStrings.showAll);
}
return false;
});
});
});
};
var init = function () {
try {
var width = (parseInt(data.width) > 0) ? data.width : data.defaults.width;
var height = (parseInt(data.height) > 0) ? data.height : data.defaults.height;
} catch (e) {
var width = (parseInt(data.width) > 0) ? data.width : 200;
var height = (parseInt(data.height) > 0) ? data.height : 200;
}
width = (width.toString().indexOf('%')) ? width : parseInt(width); // Support percentages
try {
data.defaults.units = ("units" in data.defaults) ? google.maps.UnitSystem[data.defaults.units] : google.maps.UnitSystem.METRIC;
} catch (e) {
data.defaults.units = google.maps.UnitSystem.METRIC;
}
data.zoom = parseInt(data.zoom) ? parseInt(data.zoom) : 1;
data.map_type = (data.map_type) ? data.map_type : 'ROADMAP';
data.map_alignment = data.map_alignment || data.defaults.map_alignment;
data.image_size = data.image_size || data.defaults.image_size;
data.image_limit = data.image_limit || data.defaults.image_limit;
data.show_panoramio_overlay = ("show_panoramio_overlay" in data) ? data.show_panoramio_overlay : 0;
data.panoramio_overlay_tag = ("panoramio_overlay_tag" in data) ? data.panoramio_overlay_tag : '';
data.street_view = ("street_view" in data) ? data.street_view : 0;
$container.wrap('');
$alignmentContainer = $('#map_' + mapId + '_alignment_container');
$container.html('');
$('#' + mapId)
//.width(parseInt(width))
.width(width)
.height(parseInt(height))
;
$container
//.width(parseInt(width))
.width(width)
;
if (!data.show_map || !parseInt(data.show_map)) $('#' + mapId).css({
"position": "absolute",
"left": "-120000px"
});
map = new google.maps.Map($('#' + mapId).get(0), {
"zoom": parseInt(data.zoom),
"center": new google.maps.LatLng(40.7171, -74.0039), // New York
"mapTypeId": google.maps.MapTypeId[data.map_type]
});
directionsDisplay = new google.maps.DirectionsRenderer({
"draggable": true
});
directionsService = new google.maps.DirectionsService();
directionsDisplay.setMap(map);
travelType = google.maps.DirectionsTravelMode.DRIVING;
$container.append(
''
);
addMarkers();
togglePanoramioLayer();
populateLinksToPostsMarkup();
if (parseInt(data.street_view)) {
var panorama = map.getStreetView();
var pos = data.street_view_pos ? new google.maps.LatLng(data.street_view_pos[0], data.street_view_pos[1]) : map.getCenter();
panorama.setPosition(pos);
if (data.street_view_pov) {
panorama.setPov({
"heading": parseInt(data.street_view_pov.heading),
"pitch": parseInt(data.street_view_pov.pitch),
"zoom": parseInt(data.street_view_pov.zoom)
});
}
panorama.setVisible(true);
}
if(data.show_images && parseInt(data.show_images)) {
panoramioImages = new AgmPanoramioHandler(map, $container, data.image_limit, data.image_size);
$container.append(panoramioImages.createMarkup());
}
var plot_routes = false;
try { if (data.plot_routes) plot_routes = true; } catch (e) {}
if (plot_routes) plotRoutes();
// Set alignment
switch(data.map_alignment) {
case "right":
$container.css({"float": "right"});
break;
case "center":
$container.css({"margin": "0 auto"});
break;
case "left":
default:
$container.css({"float": "left"});
break;
}
$alignmentContainer.append('');
$(selector + ' .agm_mh_travel_type').live('click', switchTravelType);
$(selector + ' .agm_mh_swap_direction_waypoints').live('click', swapWaypoints);
$(selector + ' .agm_mh_close_directions').live('click', closeDirections);
$(selector + ' .agm_mh_get_directions').live('click', getDirections);
$(selector + ' .agm_mh_marker_item').live('click', centerToMarker);
$(selector + ' .agm_mh_marker_item_directions').live('click', setDirectionWaypoint);
};
init();
};
/**
* Local Panoramio handler.
* If not enabled per map, Panoramio images won't be loaded and this
* won't be executed.
* Since it's optional, the handler is not global.
*/
var AgmPanoramioHandler = function (map, $container, limit, size) {
var containerId = 'agm_panoramio_' + Math.floor(Math.random() * new Date().getTime()) + '_container';
var images = [];
var height = 200;
var loadPanoramioScript = function () {
var bounds = map.getBounds();
if (!bounds) return setTimeout(loadPanoramioScript, 100);
var callback = 'func_' + containerId + '_image_handler';
window[callback] = function (data) {
images = data.photos;
};
var script = document.createElement("script");
var src = 'http://www.panoramio.com/map/get_panoramas.php?set=full&from=0&to=' + limit +
'&miny=' + bounds.getSouthWest().lat() + '&minx=' + bounds.getSouthWest().lng() +
'&maxy=' + bounds.getNorthEast().lat() + '&maxx=' + bounds.getNorthEast().lng() +
'&size=' + size +
'&callback=' + callback;
script.type = "text/javascript";
script.src = src;
document.body.appendChild(script);
};
var loadGalleriaScript = function () {
if (window.Galleria && typeof(window.Galleria) == 'function') return true;
var script = document.createElement("script");
var src = _agm_root_url + '/js/external/galleria/galleria-1.2.2.min.js';
script.type = "text/javascript";
script.src = src;
document.body.appendChild(script);
};
var loadGalleriaTheme = function () {
if (!window.Galleria || typeof(window.Galleria) != 'function') setTimeout(loadGalleriaTheme, 300);
else {
if (Galleria && Galleria.theme) return true;
var script = document.createElement("script");
var src = _agm_root_url + '/js/external/galleria/themes/classic/galleria.classic.min.js';
script.type = "text/javascript";
script.src = src;
document.body.appendChild(script);
waitForGalleriaTheme();
}
};
var waitForImages = function () {
if (!images.length) setTimeout(waitForImages, 1000);
else {
loadGalleriaTheme();
}
};
var waitForGalleriaTheme = function () {
if (!window.Galleria || !window.Galleria.theme || typeof(window.Galleria) != 'function' || typeof($('#' + containerId + ' div.agm_panoramio_image_list_container').galleria) != 'function') setTimeout(waitForGalleriaTheme, 300);
else {
populateContainer();
var gheight = height ? height : 200;
$('#' + containerId + ' div.agm_panoramio_image_list_container').galleria({
width: $container.width(),
height: gheight
});
}
};
var createMarkup = function () {
return '' +
'
';
};
var populateContainer = function () {
if (!$('#' + containerId).length) return false;
var html = '- ';
var totalImageWidth = 0;
$.each(images, function(idx, img) {
var imgh = parseInt(img.height);
height = (imgh > height) ? imgh : height;
html += '
- ' +
'
' + '
';
totalImageWidth += img.width;
});
html += '