<head>
и </head>
jQuery и API Яндекс, например так:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="https://api-maps.yandex.ru/2.0-stable/?load=package.standard&lang=ru-RU" type="text/javascript"></script>
Далее пишем код, который будет забивать название страны и города в переменные и передавать их в блоки для вывода на экран:
<script type="text/javascript">
$(document).ready(function() {
ymaps.ready(function() {
var country = ymaps.geolocation.country;
var city = ymaps.geolocation.city;
$('#country').html('Выша страна ' + country);
$('#city').html('Выша город ' + city);
});
});
</script>
Теперь в нужной части страницы вставляем:
<!-- Для вывода страны -->
<div id="country"></div>
<!-- Для вывода города -->
<div id="city"></div>
Вот собственно и все.
Используя этот сценарий можно выводить определенную информацию для каждой страны:
<script type="text/javascript">
$(document).ready(function() {
ymaps.ready(function() {
if (ymaps.geolocation.country == 'Россия') {
$('#info').html('Вы из России!');
}
else {
$('#info').html('Вы не из России!');
}
});
});
</script>
<div id="info"></div>
Спасибо за внимание.