').append(popupTemplatePolygon);
+ if (!settings.richtextEditor) {
+ contentObj.find("textarea").removeClass("richtext-fix");
+ }
+
+ break;
+ case google.maps.drawing.OverlayType.RECTANGLE:
+ position = location.Overlay.getBounds().getCenter();
+ contentObj = $('
').append(popupTemplateRectangle);
+ if (!settings.richtextEditor) {
+ contentObj.find("textarea").removeClass("richtext-fix");
+ }
+ break;
+ }
+ if (contentObj != null && settings.editMode) {
+ map.infoWindow.setContent(contentObj.html());
+ }
+ else {
+ map.infoWindow.setContent($("
").append($("
", { class: "popup-message" }).html(location.Message)).html());
+ }
+
+ google.maps.event.addListener(map.infoWindow, 'domready', function () {
+ $(map.container).find('.popup-content textarea').val(map.activeLocation.Message);
+ $(map.container).find('.popup-content input[name="locationLat"]').val(position.lat());
+ $(map.container).find('.popup-content input[name="locationLng"]').val(position.lng());
+ $(map.container).find('.popup-content input[name="centerLat"]').val(position.lat());
+ $(map.container).find('.popup-content input[name="centerLng"]').val(position.lng());
+ $(map.container).find('.popup-content input[name="borderWidth"]').val(location.BorderWeight);
+ $(map.container).find('.popup-content input[name="radius"]').val(location.Radius);
+ var markerIconsList = $(map.container).find('.popup-content select[name="icon"]');
+ if (markerIconsList.length > 0 && settings.markerPinFiles.length > 0) {
+ for (i = 0; i < settings.markerPinFiles.length; i++) {
+ markerIconsList.append($('
', {
+ value: settings.markerPinsPath + settings.markerPinFiles[i],
+ text: settings.markerPinFiles[i]
+ }));
+ }
+ markerIconsList.find('option').each(function () {
+ if ($(this).text() == location.Icon) {
+ $(this).prop('selected', true);
+ }
+ });
+ }
+ else {
+ markerIconsList.parent().parent().remove();
+ }
+
+ var markerHoverIconsList = $(map.container).find('.popup-content select[name="hover-icon"]');
+ if (markerHoverIconsList.length > 0 && settings.markerPinFiles.length > 0) {
+ for (i = 0; i < settings.markerPinFiles.length; i++) {
+ markerHoverIconsList.append($(' ', {
+ value: settings.markerPinsPath + settings.markerPinFiles[i],
+ text: settings.markerPinFiles[i]
+ }));
+ }
+ markerHoverIconsList.find('option').each(function () {
+ if ($(this).text() == location.HoverIcon) {
+ $(this).prop('selected', true);
+ }
+ });
+ }
+ else {
+ markerHoverIconsList.parent().parent().remove();
+ }
+
+ var borderColorInput = $(map.container).find('.popup-content input[name="strokeColor"]');
+ var fillColorInput = $(map.container).find('.popup-content input[name="fillColor"]');
+ var borderColorInputPicker = $(map.container).find('.popup-content input[name="strokeColorPicker"]');
+ var fillColorInputPicker = $(map.container).find('.popup-content input[name="fillColorPicker"]');
+
+ borderColorInput.val(map.activeLocation.BorderColor);
+ borderColorInputPicker.val(map.activeLocation.BorderColor);
+ borderColorInputPicker.height(borderColorInput.outerHeight());
+ borderColorInputPicker.width(borderColorInput.outerHeight());
+
+ fillColorInput.val(map.activeLocation.FillColor);
+ fillColorInputPicker.val(map.activeLocation.FillColor);
+ fillColorInputPicker.height(fillColorInput.outerHeight());
+ fillColorInputPicker.width(fillColorInput.outerHeight());
+
+ if (isIE()) {
+ borderColorInput.simpleColorPicker();
+ fillColorInput.simpleColorPicker();
+ }
+ else {
+ fillColorInputPicker.change(function () {
+ fillColorInput.val($(this).val());
+ });
+ fillColorInput.change(function () {
+ fillColorInputPicker.val($(this).val());
+ });
+
+ borderColorInputPicker.change(function () {
+ borderColorInput.val($(this).val());
+ });
+ borderColorInput.change(function () {
+ borderColorInputPicker.val($(this).val());
+ });
+ }
+ if (settings.richtextEditor) {
+ intTinyMce();
+ }
+ initPopupButtons(map);
+ });
+ if (position != null && type != google.maps.drawing.OverlayType.MARKER) {
+ map.infoWindow.setPosition(position);
+ map.infoWindow.open(map);
+ }
+ else {
+ map.infoWindow.open(map, location.Overlay);
+ }
+
+ if (settings.locationClick != null && typeof (settings.locationClick) == "function") {
+ settings.locationClick(map, location);
+ }
+
+ });
+ }
+
+ function updateLocationObject(map, location, type, showBallonInfo) {
+ var coordinates = [];
+ if ($('.popup-content').length > 0) {
+ if (typeof tinymce != 'undefined') {
+ tinyMCE.triggerSave();
+ }
+ location.Message = $(map.container).find('.popup-content textarea').val();
+ location.BorderColor = $('.popup-content input[name="strokeColor"]').val();
+ location.FillColor = $('.popup-content input[name="fillColor"]').val();
+ location.BorderWeight = $('.popup-content input[name="borderWidth"]').val();
+ if (type != google.maps.drawing.OverlayType.MARKER) {
+ location.Overlay.setOptions({
+ strokeColor: location.BorderColor,
+ strokeWeight: location.BorderWeight
+ });
+ if (type != google.maps.drawing.OverlayType.POLYLINE) {
+ location.Overlay.setOptions({
+ fillColor: location.FillColor
+ });
+ }
+ }
+ }
+ switch (type) {
+ case google.maps.drawing.OverlayType.MARKER:
+ location.Coordinates.length = 0;
+ location.Coordinates.push(new Coordinate(location.Overlay.getPosition().lat(), location.Overlay.getPosition().lng()));
+ if ($('select[name="icon"]').length > 0) {
+ var iconFile = $('select[name="icon"] :selected').text();
+ if (iconFile == "default") {
+ location.Icon = null;
+ location.Overlay.setIcon(null);
+ }
+ else {
+ location.Icon = iconFile;
+ location.Overlay.setIcon(settings.markerPinsPath + location.Icon);
+ }
+
+ var hoverIconFile = $('select[name="hover-icon"] :selected').text();
+ if (iconFile == "none") {
+ location.HoverIcon = null;
+ }
+ else {
+ location.HoverIcon = hoverIconFile;
+ }
+
+ location.Coordinates[0].Latitude = parseFloat($('.popup-content input[name="locationLat"]').val());
+ location.Coordinates[0].Longitude = parseFloat($('.popup-content input[name="locationLng"]').val());
+
+ location.Overlay.setPosition(new google.maps.LatLng(location.Coordinates[0].Latitude, location.Coordinates[0].Longitude));
+
+ }
+
+ break;
+ case google.maps.drawing.OverlayType.CIRCLE:
+
+ if ($('.popup-content input[name="radius"]').length > 0) {
+
+
+ location.Radius = parseFloat($('.popup-content input[name="radius"]').val());
+
+ google.maps.event.clearListeners(location.Overlay, 'radius_changed');
+ location.Overlay.setRadius(location.Radius);
+
+ google.maps.event.addListener(location.Overlay, 'radius_changed', function (index, obj) {
+ updateLocationObject(map, location, type, true);
+ });
+
+ }
+ else {
+ location.Radius = location.Overlay.getRadius();
+ }
+
+ if ($('.popup-content input[name="centerLat"]').length > 0 && $('.popup-content input[name="centerLng"]').length > 0) {
+
+ google.maps.event.clearListeners(location.Overlay, 'center_changed');
+ location.Overlay.setCenter(new google.maps.LatLng(parseFloat($('.popup-content input[name="centerLat"]').val()), parseFloat($('.popup-content input[name="centerLng"]').val())));
+ google.maps.event.addListener(location.Overlay, 'center_changed', function (index, obj) {
+ updateLocationObject(map, location, type, true);
+ });
+ location.Coordinates.length = 0;
+ location.Coordinates.push(new Coordinate(location.Overlay.getCenter().lat(), location.Overlay.getCenter().lng()));
+
+ }
+ else {
+ location.Coordinates.length = 0;
+ location.Coordinates.push(new Coordinate(location.Overlay.getCenter().lat(), location.Overlay.getCenter().lng()));
+ }
+ break;
+ case google.maps.drawing.OverlayType.POLYLINE:
+ for (i = 0; i < location.Overlay.getPath().length; i++) {
+ coordinates.push(new Coordinate(location.Overlay.getPath().getAt(i).lat(), location.Overlay.getPath().getAt(i).lng()))
+ }
+ location.Coordinates = coordinates;
+ break;
+ case google.maps.drawing.OverlayType.POLYGON:
+ for (i = 0; i < location.Overlay.getPath().length; i++) {
+ coordinates.push(new Coordinate(location.Overlay.getPath().getAt(i).lat(), location.Overlay.getPath().getAt(i).lng()))
+ }
+ location.Coordinates = coordinates;
+ break;
+ case google.maps.drawing.OverlayType.RECTANGLE:
+ coordinates.push(new Coordinate(location.Overlay.getBounds().getNorthEast().lat(), location.Overlay.getBounds().getNorthEast().lng()));
+ coordinates.push(new Coordinate(location.Overlay.getBounds().getSouthWest().lat(), location.Overlay.getBounds().getSouthWest().lng()));
+ location.Coordinates = coordinates;
+ break;
+ }
+ if (map.activeLocation != null && showBallonInfo) {
+
+ if (map.infoWindow != null) {
+ map.infoWindow.close();
+ }
+ }
+ saveToJson(map);
+ }
+
+ function initPopupButtons(map) {
+ var deleteButton = $(map.container).find(".btn-popup-delete");
+ deleteButton.off("click");
+ deleteButton.click(function () {
+ if (confirm("Delete this location?")) {
+ map.activeLocation.Overlay.setMap(null);
+ map.locations.splice(map.locations.indexOf(map.activeLocation), 1);
+ map.activeLocation = null;
+ saveToJson(map);
+ map.infoWindow.close();
+ if (settings.locationDelete != null && typeof (settings.locationDelete) == "function") {
+ settings.locationDelete(map, location);
+ }
+ }
+ });
+
+ var cancelButton = $(map.container).find(".btn-popup-cancel");
+ cancelButton.off("click");
+ cancelButton.click(function () {
+ if ($('.popup-content [name="changed"]').val() === 'true') {
+ if (confirm("Cancel changes?")) {
+ map.infoWindow.close();
+ }
+ }
+ else {
+ map.infoWindow.close();
+ }
+ });
+
+ var saveButton = $(map.container).find(".btn-popup-save");
+ saveButton.off("click");
+ saveButton.click(function () {
+ handleMapCloseClick(map, map.activeLocation.LocationType);
+ map.infoWindow.close();
+ });
+
+ $('.popup-content input[type="text"],.popup-content input[type="number"],.popup-content input[type="color"],.popup-content select,.popup-content textarea').change(function () {
+ $('.popup-content input[name="changed"]').val(true);
+ });
+
+ }
+
+ function isIE() {
+ var ua = window.navigator.userAgent;
+ var msie = ua.indexOf("MSIE ");
+
+ if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) {
+ return true;
+ }
+ else {
+ return false;
+ }
+ }
+
+ function intTinyMce() {
+ if (typeof tinymce == 'undefined') {
+ $.getScript(tinyMceUrl, function () {
+ tinymce.init({
+ selector: ".popup-content textarea",
+ plugins: ["code image link media table textcolor"],
+ resize: false,
+ toolbar: "bold italic | forecolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link | code",
+ menubar: false,
+ statusbar: false
+ });
+ });
+ }
+ else {
+ tinymce.init({
+ selector: ".popup-content textarea",
+ plugins: ["code image link media table textcolor"],
+ resize: false,
+ toolbar: "bold italic | forecolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link | code",
+ menubar: false,
+ statusbar: false
+ });
+ }
+ }
+
+
+ function getMapLocationsBounds(map) {
+ if (map.locations != null && map.locations.length > 0) {
+ var mapLocationBounds = new google.maps.LatLngBounds();
+ for (i = 0; i < map.locations.length; i++) {
+ for (j = 0; j < map.locations[i].Coordinates.length; j++) {
+ mapLocationBounds.extend(new google.maps.LatLng(map.locations[i].Coordinates[j].Latitude, map.locations[i].Coordinates[j].Longitude));
+ }
+ }
+ return mapLocationBounds;
+ }
+ return null;
+ }
+
+ function getPolyLineCenter(polyline) {
+ var i = parseInt(polyline.getPath().getLength() / 2);
+ return new google.maps.LatLng(polyline.getPath().getAt(i).lat(), polyline.getPath().getAt(i).lng());
+ }
+
+ function getPolygonCenter(polygon) {
+ var bounds = new google.maps.LatLngBounds();
+
+ for (i = 0; i < polygon.getPath().getLength() ; i++) {
+ bounds.extend(new google.maps.LatLng(polygon.getPath().getAt(i).lat(),
+ polygon.getPath().getAt(i).lng()));
+ }
+ return bounds.getCenter();
+ }
+
+ function createUUID() {
+ /* http://www.ietf.org/rfc/rfc4122.txt */
+ var s = [];
+ var hexDigits = "0123456789abcdef";
+ for (var i = 0; i < 36; i++) {
+ s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
+ }
+ s[14] = "4"; /* bits 12-15 of the time_hi_and_version field to 0010 */
+ s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); /* bits 6-7 of the clock_seq_hi_and_reserved to 01 */
+ s[8] = s[13] = s[18] = s[23] = "";
+
+ var uuid = s.join("");
+ return uuid;
+ }
+
+ function htmlEncode(value) {
+ return $('
').text(value).html();
+ }
+
+ function htmlDecode(value) {
+ return $('
').html(value).text();
+ }
+
+ /* OBJECT DEFINITIONS START*/
+
+ function Location(coordinates, locationtype, message) {
+ this.Coordinates = coordinates;
+ this.LocationType = locationtype;
+ this.Icon = null;
+ this.Message = message;
+ this.Overlay = null;
+ this.Radius = 0;
+ this.BorderColor = settings.drawingBorderColor;
+ this.BorderWeight = settings.drawingBorderWidth;
+ this.FillColor = settings.drawingFillColor;
+ this.Tag = null;
+ }
+
+ function Coordinate(latitude, longitude) {
+ this.Latitude = latitude;
+ this.Longitude = longitude;
+ }
+}
+
+/* Simple color picker https://github.com/rachel-carvalho/simple-color-picker */
+$.fn.simpleColorPicker = function (options) {
+ var defaults = {
+ colorsPerLine: 8,
+ colors: ['#000000', '#444444', '#666666', '#999999', '#cccccc', '#eeeeee', '#f3f3f3', '#ffffff'
+ , '#ff0000', '#ff9900', '#ffff00', '#00ff00', '#00ffff', '#0000ff', '#9900ff', '#ff00ff'
+ , '#f4cccc', '#fce5cd', '#fff2cc', '#d9ead3', '#d0e0e3', '#cfe2f3', '#d9d2e9', '#ead1dc'
+ , '#ea9999', '#f9cb9c', '#ffe599', '#b6d7a8', '#a2c4c9', '#9fc5e8', '#b4a7d6', '#d5a6bd'
+ , '#e06666', '#f6b26b', '#ffd966', '#93c47d', '#76a5af', '#6fa8dc', '#8e7cc3', '#c27ba0'
+ , '#cc0000', '#e69138', '#f1c232', '#6aa84f', '#45818e', '#3d85c6', '#674ea7', '#a64d79'
+ , '#990000', '#b45f06', '#bf9000', '#38761d', '#134f5c', '#0b5394', '#351c75', '#741b47'
+ , '#660000', '#783f04', '#7f6000', '#274e13', '#0c343d', '#073763', '#20124d', '#4C1130'],
+ showEffect: '',
+ hideEffect: '',
+ onChangeColor: false
+ };
+ var opts = $.extend(defaults, options);
+ return this.each(function () {
+ var txt = $(this);
+ var colorsMarkup = '';
+ var prefix = txt.attr('id').replace(/-/g, '') + '_';
+ for (var i = 0; i < opts.colors.length; i++) {
+ var item = opts.colors[i];
+ var breakLine = '';
+ if (i % opts.colorsPerLine == 0)
+ breakLine = 'clear: both; ';
+ if (i > 0 && breakLine && $.browser && $.browser.msie && $.browser.version <= 7) {
+ breakLine = '';
+ colorsMarkup += ' ", { value: JSON.stringify([]), text: "GoogleMaps Default" })); $.getJSON(settings.stylesPath, function (e) { $(e).each(function (e, t) { $(select).append($(" ", { value: t.json, text: t.name })) }) }); if (select != null) { map.controls[google.maps.ControlPosition.TOP_LEFT].push(select); $(select).change(function () { map.setOptions({ mapTypeId: "Styled" }); var styledMapType = new google.maps.StyledMapType(eval($(this).val()), { name: "Styled" }); map.mapTypes.set("Styled", styledMapType); settings.style = eval($(this).val()); saveToJson(map) }) } } } function addFitBoundsButton(e) { var t = "c" + e.id; $(e.container).parent().prepend('
", { "class": "map-overlay" }).append($("").append(popupTemplateMarker); if (!settings.richtextEditor) { s.find("textarea").removeClass("richtext-fix") } break; case google.maps.drawing.OverlayType.CIRCLE: r = t.Overlay.getCenter(); s = $("
").append(popupTemplateCircle); if (!settings.richtextEditor) { s.find("textarea").removeClass("richtext-fix") } break; case google.maps.drawing.OverlayType.POLYLINE: r = getPolyLineCenter(t.Overlay); s = $("
").append(popupTemplatePolyline); if (!settings.richtextEditor) { s.find("textarea").removeClass("richtext-fix") } break; case google.maps.drawing.OverlayType.POLYGON: r = getPolygonCenter(t.Overlay); s = $("
").append(popupTemplatePolygon); if (!settings.richtextEditor) { s.find("textarea").removeClass("richtext-fix") } break; case google.maps.drawing.OverlayType.RECTANGLE: r = t.Overlay.getBounds().getCenter(); s = $("
").append(popupTemplateRectangle); if (!settings.richtextEditor) { s.find("textarea").removeClass("richtext-fix") } break } if (s != null && settings.editMode) { e.infoWindow.setContent(s.html()) } else { e.infoWindow.setContent($("
").append($("
", { "class": "popup-message" }).html(t.Message)).html()) } google.maps.event.addListener(e.infoWindow, "domready", function () { $(e.container).find(".popup-content textarea").val(e.activeLocation.Message); $(e.container).find('.popup-content input[name="locationLat"]').val(r.lat()); $(e.container).find('.popup-content input[name="locationLng"]').val(r.lng()); $(e.container).find('.popup-content input[name="centerLat"]').val(r.lat()); $(e.container).find('.popup-content input[name="centerLng"]').val(r.lng()); $(e.container).find('.popup-content input[name="borderWidth"]').val(t.BorderWeight); $(e.container).find('.popup-content input[name="radius"]').val(t.Radius); var n = $(e.container).find('.popup-content select[name="icon"]'); if (n.length > 0 && settings.markerPinFiles.length > 0) { for (i = 0; i < settings.markerPinFiles.length; i++) { n.append($("
", { value: settings.markerPinsPath + settings.markerPinFiles[i], text: settings.markerPinFiles[i] })) } n.find("option").each(function () { if ($(this).text() == t.Icon) { $(this).prop("selected", true) } }) } else { n.parent().parent().remove() } var s = $(e.container).find('.popup-content select[name="hover-icon"]'); if (s.length > 0 && settings.markerPinFiles.length > 0) { for (i = 0; i < settings.markerPinFiles.length; i++) { s.append($(" ", { value: settings.markerPinsPath + settings.markerPinFiles[i], text: settings.markerPinFiles[i] })) } s.find("option").each(function () { if ($(this).text() == t.HoverIcon) { $(this).prop("selected", true) } }) } else { s.parent().parent().remove() } var o = $(e.container).find('.popup-content input[name="strokeColor"]'); var u = $(e.container).find('.popup-content input[name="fillColor"]'); var a = $(e.container).find('.popup-content input[name="strokeColorPicker"]'); var f = $(e.container).find('.popup-content input[name="fillColorPicker"]'); o.val(e.activeLocation.BorderColor); a.val(e.activeLocation.BorderColor); a.height(o.outerHeight()); a.width(o.outerHeight()); u.val(e.activeLocation.FillColor); f.val(e.activeLocation.FillColor); f.height(u.outerHeight()); f.width(u.outerHeight()); if (isIE()) { o.simpleColorPicker(); u.simpleColorPicker() } else { f.change(function () { u.val($(this).val()) }); u.change(function () { f.val($(this).val()) }); a.change(function () { o.val($(this).val()) }); o.change(function () { a.val($(this).val()) }) } if (settings.richtextEditor) { intTinyMce() } initPopupButtons(e) }); if (r != null && n != google.maps.drawing.OverlayType.MARKER) { e.infoWindow.setPosition(r); e.infoWindow.open(e) } else { e.infoWindow.open(e, t.Overlay) } if (settings.locationClick != null && typeof settings.locationClick == "function") { settings.locationClick(e, t) } }) } function updateLocationObject(e, t, n, r) { var s = []; if ($(".popup-content").length > 0) { if (typeof tinymce != "undefined") { tinyMCE.triggerSave() } t.Message = $(e.container).find(".popup-content textarea").val(); t.BorderColor = $('.popup-content input[name="strokeColor"]').val(); t.FillColor = $('.popup-content input[name="fillColor"]').val(); t.BorderWeight = $('.popup-content input[name="borderWidth"]').val(); if (n != google.maps.drawing.OverlayType.MARKER) { t.Overlay.setOptions({ strokeColor: t.BorderColor, strokeWeight: t.BorderWeight }); if (n != google.maps.drawing.OverlayType.POLYLINE) { t.Overlay.setOptions({ fillColor: t.FillColor }) } } } switch (n) { case google.maps.drawing.OverlayType.MARKER: t.Coordinates.length = 0; t.Coordinates.push(new Coordinate(t.Overlay.getPosition().lat(), t.Overlay.getPosition().lng())); if ($('select[name="icon"]').length > 0) { var o = $('select[name="icon"] :selected').text(); if (o == "default") { t.Icon = null; t.Overlay.setIcon(null) } else { t.Icon = o; t.Overlay.setIcon(settings.markerPinsPath + t.Icon) } var u = $('select[name="hover-icon"] :selected').text(); if (o == "none") { t.HoverIcon = null } else { t.HoverIcon = u } t.Coordinates[0].Latitude = parseFloat($('.popup-content input[name="locationLat"]').val()); t.Coordinates[0].Longitude = parseFloat($('.popup-content input[name="locationLng"]').val()); t.Overlay.setPosition(new google.maps.LatLng(t.Coordinates[0].Latitude, t.Coordinates[0].Longitude)) } break; case google.maps.drawing.OverlayType.CIRCLE: if ($('.popup-content input[name="radius"]').length > 0) { t.Radius = parseFloat($('.popup-content input[name="radius"]').val()); google.maps.event.clearListeners(t.Overlay, "radius_changed"); t.Overlay.setRadius(t.Radius); google.maps.event.addListener(t.Overlay, "radius_changed", function (r, i) { updateLocationObject(e, t, n, true) }) } else { t.Radius = t.Overlay.getRadius() } if ($('.popup-content input[name="centerLat"]').length > 0 && $('.popup-content input[name="centerLng"]').length > 0) { google.maps.event.clearListeners(t.Overlay, "center_changed"); t.Overlay.setCenter(new google.maps.LatLng(parseFloat($('.popup-content input[name="centerLat"]').val()), parseFloat($('.popup-content input[name="centerLng"]').val()))); google.maps.event.addListener(t.Overlay, "center_changed", function (r, i) { updateLocationObject(e, t, n, true) }); t.Coordinates.length = 0; t.Coordinates.push(new Coordinate(t.Overlay.getCenter().lat(), t.Overlay.getCenter().lng())) } else { t.Coordinates.length = 0; t.Coordinates.push(new Coordinate(t.Overlay.getCenter().lat(), t.Overlay.getCenter().lng())) } break; case google.maps.drawing.OverlayType.POLYLINE: for (i = 0; i < t.Overlay.getPath().length; i++) { s.push(new Coordinate(t.Overlay.getPath().getAt(i).lat(), t.Overlay.getPath().getAt(i).lng())) } t.Coordinates = s; break; case google.maps.drawing.OverlayType.POLYGON: for (i = 0; i < t.Overlay.getPath().length; i++) { s.push(new Coordinate(t.Overlay.getPath().getAt(i).lat(), t.Overlay.getPath().getAt(i).lng())) } t.Coordinates = s; break; case google.maps.drawing.OverlayType.RECTANGLE: s.push(new Coordinate(t.Overlay.getBounds().getNorthEast().lat(), t.Overlay.getBounds().getNorthEast().lng())); s.push(new Coordinate(t.Overlay.getBounds().getSouthWest().lat(), t.Overlay.getBounds().getSouthWest().lng())); t.Coordinates = s; break } if (e.activeLocation != null && r) { if (e.infoWindow != null) { e.infoWindow.close() } } saveToJson(e) } function initPopupButtons(e) { var t = $(e.container).find(".btn-popup-delete"); t.off("click"); t.click(function () { if (confirm("Delete this location?")) { e.activeLocation.Overlay.setMap(null); e.locations.splice(e.locations.indexOf(e.activeLocation), 1); e.activeLocation = null; saveToJson(e); e.infoWindow.close(); if (settings.locationDelete != null && typeof settings.locationDelete == "function") { settings.locationDelete(e, location) } } }); var n = $(e.container).find(".btn-popup-cancel"); n.off("click"); n.click(function () { if ($('.popup-content [name="changed"]').val() === "true") { if (confirm("Cancel changes?")) { e.infoWindow.close() } } else { e.infoWindow.close() } }); var r = $(e.container).find(".btn-popup-save"); r.off("click"); r.click(function () { handleMapCloseClick(e, e.activeLocation.LocationType); e.infoWindow.close() }); $('.popup-content input[type="text"],.popup-content input[type="number"],.popup-content input[type="color"],.popup-content select,.popup-content textarea').change(function () { $('.popup-content input[name="changed"]').val(true) }) } function isIE() { var e = window.navigator.userAgent; var t = e.indexOf("MSIE "); if (t > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) { return true } else { return false } } function intTinyMce() { if (typeof tinymce == "undefined") { $.getScript(tinyMceUrl, function () { tinymce.init({ selector: ".popup-content textarea", plugins: ["code image link media table textcolor"], resize: false, toolbar: "bold italic | forecolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link | code", menubar: false, statusbar: false }) }) } else { tinymce.init({ selector: ".popup-content textarea", plugins: ["code image link media table textcolor"], resize: false, toolbar: "bold italic | forecolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link | code", menubar: false, statusbar: false }) } } function getMapLocationsBounds(e) { if (e.locations != null && e.locations.length > 0) { var t = new google.maps.LatLngBounds; for (i = 0; i < e.locations.length; i++) { for (j = 0; j < e.locations[i].Coordinates.length; j++) { t.extend(new google.maps.LatLng(e.locations[i].Coordinates[j].Latitude, e.locations[i].Coordinates[j].Longitude)) } } return t } return null } function getPolyLineCenter(e) { var t = parseInt(e.getPath().getLength() / 2); return new google.maps.LatLng(e.getPath().getAt(t).lat(), e.getPath().getAt(t).lng()) } function getPolygonCenter(e) { var t = new google.maps.LatLngBounds; for (i = 0; i < e.getPath().getLength() ; i++) { t.extend(new google.maps.LatLng(e.getPath().getAt(i).lat(), e.getPath().getAt(i).lng())) } return t.getCenter() } function createUUID() { var e = []; var t = "0123456789abcdef"; for (var n = 0; n < 36; n++) { e[n] = t.substr(Math.floor(Math.random() * 16), 1) } e[14] = "4"; e[19] = t.substr(e[19] & 3 | 8, 1); e[8] = e[13] = e[18] = e[23] = ""; var r = e.join(""); return r } function htmlEncode(e) { return $("
").text(e).html() } function htmlDecode(e) { return $("
").html(e).text() } function Location(e, t, n) { this.Coordinates = e; this.LocationType = t; this.Icon = null; this.Message = n; this.Overlay = null; this.Radius = 0; this.BorderColor = settings.drawingBorderColor; this.BorderWeight = settings.drawingBorderWidth; this.FillColor = settings.drawingFillColor; this.Tag = null } function Coordinate(e, t) { this.Latitude = e; this.Longitude = t } var defaults = { editMode: true, editTemplatesPath: "../src/html/", markerPinsPath: "../src/img/pin/", markerPinFiles: ["flag-azure.png", "flag-green.png", "needle-pink.png", "niddle-green.png", "pin-azure.png", "pin-green.png", "pin-pink.png"], drawingBorderColor: "#ff0000", drawingBorderWidth: 2, drawingFillColor: "#ffff00", zoom: 13, center: { latitude: 25.0417, longitude: 55.2194 }, width: 800, height: 400, language: "en", singleLocation: false, searchBox: true, richtextEditor: true, drawingTools: ["marker", "polyline", "polygon", "circle", "rectangle"], zoomControl: true, panControl: true, scaleControl: true, streetViewControl: true, scrollWheel: false, style: null, stylesPath: "../src/styles.json", locations: [], dataChange: null, locationClick: null, locationNew: null, locationDelete: null, locationMove: null }; var settings = $.extend({}, defaults, options); var tinyMceUrl = "//tinymce.cachefly.net/4.0/tinymce.min.js"; var mapApiUrl = "//maps.googleapis.com/maps/api/js?sensor=false&callback=mapApiLoaded&libraries=drawing,places"; if (settings.language != "") { mapApiUrl += "&language=" + settings.language } var popupTemplateCircle = null; var popupTemplateRectangle = null; var popupTemplateMarker = null; var popupTemplatePolyline = null; var popupTemplatePolygon = null; var selector = $(this); if ((typeof google !== "undefined" && google !== null ? google.maps : void 0) == null) { $.getScript(mapApiUrl); window.mapApiLoaded = function () { selector.each(function (e) { var t = selector.get(e); if (settings.width == defaults.width) { if ($(t).width() <= 0) { $(t).width(defaults.width) } } else { $(t).width(settings.width) } if (settings.height == defaults.height) { if ($(t).height() <= 0) { $(t).height(defaults.height) } } else { $(t).height(settings.height) } initializeGoogleMapEditor(t) }) } } else { selector.each(function (e) { var t = selector.get(e); initializeGoogleMapEditor(t) }) } }; $.fn.simpleColorPicker = function (e) { var t = { colorsPerLine: 8, colors: ["#000000", "#444444", "#666666", "#999999", "#cccccc", "#eeeeee", "#f3f3f3", "#ffffff", "#ff0000", "#ff9900", "#ffff00", "#00ff00", "#00ffff", "#0000ff", "#9900ff", "#ff00ff", "#f4cccc", "#fce5cd", "#fff2cc", "#d9ead3", "#d0e0e3", "#cfe2f3", "#d9d2e9", "#ead1dc", "#ea9999", "#f9cb9c", "#ffe599", "#b6d7a8", "#a2c4c9", "#9fc5e8", "#b4a7d6", "#d5a6bd", "#e06666", "#f6b26b", "#ffd966", "#93c47d", "#76a5af", "#6fa8dc", "#8e7cc3", "#c27ba0", "#cc0000", "#e69138", "#f1c232", "#6aa84f", "#45818e", "#3d85c6", "#674ea7", "#a64d79", "#990000", "#b45f06", "#bf9000", "#38761d", "#134f5c", "#0b5394", "#351c75", "#741b47", "#660000", "#783f04", "#7f6000", "#274e13", "#0c343d", "#073763", "#20124d", "#4C1130"], showEffect: "", hideEffect: "", onChangeColor: false }; var n = $.extend(t, e); return this.each(function () { function l(e) { if (n.hideEffect == "fade") e.fadeOut(); else if (n.hideEffect == "slide") e.slideUp(); else e.hide() } function c(e) { if (n.showEffect == "fade") e.fadeIn(); else if (n.showEffect == "slide") e.slideDown(); else e.show() } var e = $(this); var r = ""; var i = e.attr("id").replace(/-/g, "") + "_"; for (var s = 0; s < n.colors.length; s++) { var o = n.colors[s]; var u = ""; if (s % n.colorsPerLine == 0) u = "clear: both; "; if (s > 0 && u && $.browser && $.browser.msie && $.browser.version <= 7) { u = ""; r += '