brucemcpherson · February 5, 2014 13:50
diff --git a/custommapping.js b/custommapping.js
 function cCustomMapping(options) {

    // customize one of these for specific behavior during map usage
    // the functions below must do at least as shown in this skeleton - add your own in addition.

    var self = this;
    var pOptions = options,
        pData, pMap, pParams, pDb;
    self.getOptions = function () {
        return pOptions;
    };

    self.setData = function (data) {
        pData = data;
        return pData;
    };

    self.getData = function () {
        return pData;
    };

    self.afterResetBoundingBox = function (bounds) {
        // called when map size is adjusted to bounds
        return bounds;
    };

    self.beforeMapRendering = function (myOptions) {
        // make any map rendering adjustments here
        return myOptions;
    };

    self.afterMapRendering = function (theMap) {
        // store map opject
        pMap = theMap;
        return pMap;
    };

    self.afterMarkerCreate = function (cj) {
        // play around with marker info window etc.

        // here I'm adding an input box to collect comments when infobox
        var c = document.createElement("div");
        c.innerHTML = "Comments";

        var ci = document.createElement("input");
        ci.setAttribute("id", "cjinput" + cj.childIndex);
        ci.setAttribute("type", "text");
        c.appendChild(ci);

        // now append this to the existing content
        var content = cj.infowindow.getContent();
        if (content) {
            content.appendChild(c);
        } else {
            content = c;
        }

        cj.infowindow.setContent(content);

        // capture change event - what we'll do here is to update dead drop
        mcpherAddEvent(ci, "change", function (e) {
            // we have a change - record the update via the dead drop
            if (pDb) {
                pDb.createObject({
                    uniqueId: cj.uniqueId,
                    type: 'comment',
                    title: cj.title,
                    cj: cj.childIndex,
                    comments: e.srcElement.value
                });

                // empty batch - we'll do it immediately - it'll happen aynch anyway
                pDb.finalFlush()
                    .done(function (data) {})
                    .fail(function (data) {
                        alert("failed to flush to deaddrop");
                    });
            }
        }, false, true);

        return cj;
    };

    self.setParams = function (qParams) {
        // play around with parameters
        pParams = qParams;

        // we can also get deaddrop key from the data
        pParams.deaddrop = pParams.deaddrop || self.getData().framework.control.deaddrop;

        // we'll also open the deaddrop if we need one
        if (pParams.deaddrop) {
            pDb = getScriptDb(pParams.deaddrop, "messages");
            if (!pDb) {
                alert("could not get a handle for deaddrop " + pParams.deaddrop);
            }
        }
        return pParams;
    };

    self.getParams = function () {
        return pParams;
    };

    self.markerOnClick = function (cj) {
        // when a marker is clicked
        return cj;
    };

    self.markerAfterClick = function (cj) {
        // affter a marker click is processed
        return cj;
    };

 }
	function cCustomMapping(options) {

	// customize one of these for specific behavior during map usage
	// the functions below must do at least as shown in this skeleton - add your own in addition.

	var self = this;
	var pOptions = options,
	pData, pMap, pParams, pDb;
	self.getOptions = function () {
	return pOptions;
	};

	self.setData = function (data) {
	pData = data;
	return pData;
	};

	self.getData = function () {
	return pData;
	};

	self.afterResetBoundingBox = function (bounds) {
	// called when map size is adjusted to bounds
	return bounds;
	};

	self.beforeMapRendering = function (myOptions) {
	// make any map rendering adjustments here
	return myOptions;
	};

	self.afterMapRendering = function (theMap) {
	// store map opject
	pMap = theMap;
	return pMap;
	};

	self.afterMarkerCreate = function (cj) {
	// play around with marker info window etc.

	// here I'm adding an input box to collect comments when infobox
	var c = document.createElement("div");
	c.innerHTML = "Comments";

	var ci = document.createElement("input");
	ci.setAttribute("id", "cjinput" + cj.childIndex);
	ci.setAttribute("type", "text");
	c.appendChild(ci);

	// now append this to the existing content
	var content = cj.infowindow.getContent();
	if (content) {
	content.appendChild(c);
	} else {
	content = c;
	}

	cj.infowindow.setContent(content);

	// capture change event - what we'll do here is to update dead drop
	mcpherAddEvent(ci, "change", function (e) {
	// we have a change - record the update via the dead drop
	if (pDb) {
	pDb.createObject({
	uniqueId: cj.uniqueId,
	type: 'comment',
	title: cj.title,
	cj: cj.childIndex,
	comments: e.srcElement.value
	});

	// empty batch - we'll do it immediately - it'll happen aynch anyway
	pDb.finalFlush()
	.done(function (data) {})
	.fail(function (data) {
	alert("failed to flush to deaddrop");
	});
	}
	}, false, true);

	return cj;
	};

	self.setParams = function (qParams) {
	// play around with parameters
	pParams = qParams;

	// we can also get deaddrop key from the data
	pParams.deaddrop = pParams.deaddrop \|\| self.getData().framework.control.deaddrop;

	// we'll also open the deaddrop if we need one
	if (pParams.deaddrop) {
	pDb = getScriptDb(pParams.deaddrop, "messages");
	if (!pDb) {
	alert("could not get a handle for deaddrop " + pParams.deaddrop);
	}
	}
	return pParams;
	};

	self.getParams = function () {
	return pParams;
	};

	self.markerOnClick = function (cj) {
	// when a marker is clicked
	return cj;
	};

	self.markerAfterClick = function (cj) {
	// affter a marker click is processed
	return cj;
	};

	}