var SAMPLE_POST_PLACE = HOST_URL + '/staticmap/v3/getplacemap?key=YOUR_KEY_HERE';
var placeURL = '';

function showPlaceURL() {
	placeURL = SAMPLE_POST_PLACE;
	var location = document.getElementById('location').value;
	var size = document.getElementById('size').value;
	var type = document.getElementById('type').value;
	var zoom = document.getElementById('zoom').value;
	var imagetype = document.getElementById('imagetype').value;
	var showicon = document.getElementById('showicon').value;
	var style = document.getElementById('stylePlace').value;
	placeURL += '&location=' + location + '&size=' + size + '&type=' + type + '&zoom=' + zoom + '&imagetype=' + imagetype + '&showicon=' + showicon + '&style=' + style;
    
    document.getElementById('placeSampleUrl').innerHTML = placeURL.replace(/</g, '&lt;').replace(/>/g, '&gt;');;
};

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