var SAMPLE_POST_ADVANCED = HOST_URL + '/staticmap/v3/getmap?key=YOUR_KEY_HERE';
var advancedURL = '';

function showAdvancedURL() {
	advancedURL = SAMPLE_POST_ADVANCED;
	var type = document.getElementById('typeAdvanced').value;
	var mcenter = document.getElementById('mcenterAdvanced').value;
	var pcenter = document.getElementById('pcenterAdvanced').value;
	var xis = document.getElementById('xisAdvanced').value;
	var declutter = document.getElementById('declutterAdvanced').value;
	var shape = document.getElementById('shapeAdvanced').value;
	var scenter = document.getElementById('scenterAdvanced').value;
	var ecenter = document.getElementById('ecenterAdvanced').value;
	var traffic = document.getElementById('trafficAdvanced').value;
	
	advancedURL += '&size=400,400&type=' + type + '&mcenter=' + mcenter + '&pcenter=' + pcenter + '&xis=' + xis + '&declutter=' + declutter + '&shapeformat=cmp&shape=' + shape + '&scenter=' +scenter + '&ecenter=' + ecenter + '&traffic=' + traffic; 
    document.getElementById('advancedSampleUrl').innerHTML = advancedURL.replace(/</g, '&lt;').replace(/>/g, '&gt;');;
}

function doAdvancedOptions() {
    var newURL = advancedURL.replace('YOUR_KEY_HERE', 'Dmjtd%7Clu612007nq%2C20%3Do5-50zah');
    document.getElementById('imageAdvanced').innerHTML = '<img src="' + newURL + '"/>';
}