Вывести геолокацию в html форме

[Анжелика]

Не могу вставить значения переменных широты и долготы в html форму. Причем тестовые значения выводятся а широта и долгота нет. Либо если вывод вставить в саму функцию, то на старнице выводится ТОЛЬКО значение, а все остальное куда-то теряется... Я в JS еще сильно новичок, наверное что то не учитываю или ошибаюсь... Код ниже

<div id="connect_form">
    <form method="POST">
      <script type="text/javascript">
            ex='ЭТОТ ПРИМЕР ВЫВОДИТСЯ КАК НАДО';
            navigator.geolocation.getCurrentPosition(function(position) {
                var latitude = position.coords.latitude;
                document.writeln(latitude); //ЕСЛИ СЮДА ВСТАВИТЬ ТО СОДЕРЖИМОЕ СТРАНИЦЫ ТЕРЯЕТСЯ И ВЫВОДИТСЯ  ТОЛЬКО ШИРОТА
			});
            document.writeln('<legend>И ЭТОТ ПРИМЕР ВЫВОДИТСЯ</legend>');
            document.writeln(ex);
            document.writeln(latitude); //НЕ РАБОТАЕТ
        </script>
        <legend><?=$params['title']?></legend>
         <input type="text" name="feedback_name" class="input-block-level" placeholder="Ваше имя" required='required' />
        <input type="text" name="feedback_phone" class="input-block-level" placeholder="Номер телефона" required='required' />
        <input type="text" name="feedback_adress" class="input-block-level" placeholder=Ваш адрес" required='required' />
        <input type="submit" value="Подключиться" name="mod_feedback_submitted" class="btn btn-large btn-block btn-info" />
    </form>
</div>

 

[klierik]

document.writeln(latitude); //НЕ РАБОТАЕТ

не работает потому что переменная latitude не доступна. попробуй так:

var latitude;
navigator.geolocation.getCurrentPosition(function(position) {
	latitude = position.coords.latitude;
});