var SAMPLE_POST_POINT = HOST_URL + '/staticmap/v3/getmap?key=YOUR_KEY_HERE';
var pointURL = '';

function showPointURL() {
	pointURL = SAMPLE_POST_POINT;
	var locationPoint = '';
	var center = document.getElementById('centerPoint').value;
	var bestfit = document.getElementById('bestfitPoint').value;
	var size = document.getElementById('sizePoint').value;
	var type = document.getElementById('typePoint').value;
	var zoom = document.getElementById('zoomPoint').value;
	var imagetype = document.getElementById('imagetypePoint').value;
	var style = document.getElementById('stylePoint').value;
	var pois = document.getElementById('poisAdvanced').value;
	
	if (document.getElementById('useCenter').checked)  {
		locationPoint = '&center=' + center + '&zoom=' + zoom;
	}
	else {
		locationPoint = '&bestfit=' + bestfit;
	}
	
	pointURL += locationPoint + '&size=' + size + '&type=' + type + '&imagetype=' + imagetype + '&style=' + style + '&pois=' + pois;
    document.getElementById('pointSampleUrl').innerHTML = pointURL.replace(/</g, '&lt;').replace(/>/g, '&gt;');;
}

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

function switchTypeOfPoint() {
	if (document.getElementById('useCenter').checked) {
		document.getElementById('bestfitPoint').disabled = true;
		document.getElementById('centerPoint').disabled = false;
		document.getElementById('zoomPoint').disabled = false;
	}
	else {
		document.getElementById('bestfitPoint').disabled = false;
		document.getElementById('centerPoint').disabled = true;
		document.getElementById('zoomPoint').disabled = true;
	}
	showPointURL();
}