MICROSOFT_PRESS_EBOOK_PROGRAMMING_WINDOWS_8_APPS_WITH_HTML_CSS_AND_JAVASCRIPT_PDF

That said, let’s put map.html in an html folder. Right-click the project and select Add/New Folder
(entering html to name it). Then right-click that folder, select Add/New Item…, and then select HTML
Page. Once the new page appears, replace its contents with the following: 12
Map
//Global variables here
var map = null;
document.addEventListener("DOMContentLoaded", init);
window.addEventListener("message", processMessage);
//Function to turn a string in the syntax { functionName: ..., args: [...] }
//into a call to the named function with those arguments. This constitutes a generic
//dispatcher that allows code in an iframe to be called through postMessage.
function processMessage(msg) {
//Verify data and origin (in this case the local context page)
if (!msg.data || msg.origin !== "ms-appx://" + document.location.host) {
return;
}
var call = JSON.parse(msg.data);
if (!call.functionName) {
throw "Message does not contain a valid function name.";
}
var target = this[call.functionName];
if (typeof target != 'function') {
throw "The function name does not resolve to an actual function";
}
}
return target.apply(this, call.args);
function notifyParent(event, args) {
//Add event name to the arguments object and stringify as the message
args["event"] = event;
window.parent.postMessage(JSON.stringify(args),
"ms-appx://" + document.location.host);
}
12 Note that you should replace the credentials inside the init function with your own key obtained from
https://www.bingmapsportal.com/.
70