Оценки читателей
0 Лайк 0 Лавки 0 Ахахах! 0 Ого! 0 Восторг 0 Печаль 0 Грусняшь
Приветствуем Вас на сайте!
Авторизировавшись на сайте Вы получаете возможность заказывать эксклюзивные вещи для Вашего сайта, скачивать новинки, общаться с друзьями.
Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Вход на сайт
Логин:
Пароль:
Вход
Войти по Логину и Паролю
О нас
Cтудия скриптов и дизайна BEST STUDIO, как студия перспективных веб-разработок, была основана 1 июля 2009 г. Уже более 17000 зарегистрированых пользователей! С момента ее создания мы четко придерживаемся принципа: «Быстро, качествено, дорого».
Заказывая работу для вашего сайта у нас, вы экономите время...
Заказывая работу для вашего сайта у нас, вы экономите время...
Стремитесь к лучшему - в Best Studio!
Войти | Зарегистрироваться
Настройки
Перезагрузите страницу
- Главная
- Авторские работы
- Пользователи
- Песочница Yandex API Карта
+
Подключаем на свой сайт Yandex Карту. На карте вы можете вывести нужные вам данные. На данном примере выводим город пользователя и его ник.
1. Подключаем скрипт в профиле куда угодно:
<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
2. Также в профиле Определяем адреса пользователя и его ник:
<script stype="text/javascript">
ymaps.ready(init);
function init() {
var myMap = new ymaps.Map('map', {
center: [55.753994, 37.622093],
zoom: 9
});
ymaps.geocode('$_CITY$', {
results: 1
}).then(function (res) {
var firstGeoObject = res.geoObjects.get(0),
coords = firstGeoObject.geometry.getCoordinates(),
bounds = firstGeoObject.properties.get('boundedBy');
myMap.geoObjects.add(firstGeoObject);
myMap.setBounds(bounds, {
checkZoomRange: true
});
console.log('Все данные геообъекта: ', firstGeoObject.properties.getAll());
console.log('Метаданные ответа геокодера: ', res.metaData);
console.log('Метаданные геокодера: ', firstGeoObject.properties.get('metaDataProperty.GeocoderMetaData'));
console.log('precision', firstGeoObject.properties.get('metaDataProperty.GeocoderMetaData.precision'));
console.log('Тип геообъекта: %s', firstGeoObject.properties.get('metaDataProperty.GeocoderMetaData.kind'));
console.log('Название объекта: %s', firstGeoObject.properties.get('name'));
console.log('Описание объекта: %s', firstGeoObject.properties.get('description'));
console.log('Полное описание объекта: %s', firstGeoObject.properties.get('text'));
var myPlacemark = new ymaps.Placemark(coords, {
iconContent: $_USERNAME$',
balloonContent: ''
}, {
preset: 'islands#violetStretchyIcon'
});
myMap.geoObjects.add(myPlacemark);
});
}
</script>
3. Добавим DIV для вывода карты:
<div id="map"></div>
4. Добавим стили и размеры карты:
<style>
#map {width: 520px;
height: 300px;
margin: 15px 0px;
padding: 15px 0px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
</style>
Изменив переменные uCoz код можно использовать и для модулей. Мы привели пример как показать город пользователя и его ник в профиле!.
Более подробно вы можете узнать на офф. сайте Перейти.
1. Подключаем скрипт в профиле куда угодно:
Код
<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
2. Также в профиле Определяем адреса пользователя и его ник:
Код
<script stype="text/javascript">
ymaps.ready(init);
function init() {
var myMap = new ymaps.Map('map', {
center: [55.753994, 37.622093],
zoom: 9
});
ymaps.geocode('$_CITY$', {
results: 1
}).then(function (res) {
var firstGeoObject = res.geoObjects.get(0),
coords = firstGeoObject.geometry.getCoordinates(),
bounds = firstGeoObject.properties.get('boundedBy');
myMap.geoObjects.add(firstGeoObject);
myMap.setBounds(bounds, {
checkZoomRange: true
});
console.log('Все данные геообъекта: ', firstGeoObject.properties.getAll());
console.log('Метаданные ответа геокодера: ', res.metaData);
console.log('Метаданные геокодера: ', firstGeoObject.properties.get('metaDataProperty.GeocoderMetaData'));
console.log('precision', firstGeoObject.properties.get('metaDataProperty.GeocoderMetaData.precision'));
console.log('Тип геообъекта: %s', firstGeoObject.properties.get('metaDataProperty.GeocoderMetaData.kind'));
console.log('Название объекта: %s', firstGeoObject.properties.get('name'));
console.log('Описание объекта: %s', firstGeoObject.properties.get('description'));
console.log('Полное описание объекта: %s', firstGeoObject.properties.get('text'));
var myPlacemark = new ymaps.Placemark(coords, {
iconContent: $_USERNAME$',
balloonContent: ''
}, {
preset: 'islands#violetStretchyIcon'
});
myMap.geoObjects.add(myPlacemark);
});
}
</script>
3. Добавим DIV для вывода карты:
Код
<div id="map"></div>
4. Добавим стили и размеры карты:
Код
<style>
#map {width: 520px;
height: 300px;
margin: 15px 0px;
padding: 15px 0px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
</style>
Изменив переменные uCoz код можно использовать и для модулей. Мы привели пример как показать город пользователя и его ник в профиле!.
Более подробно вы можете узнать на офф. сайте Перейти.
Данный раздел авторский все работы являются собственностью ucods.3dn.ru любое коммерческое использование строго запрещено.
При копировании материала указываем источник ucods.3dn.ru
Для редактирования кода необходимо иметь хотя бы базовые знания в HTML, CSS и Js технологиях.
При копировании материала указываем источник ucods.3dn.ru
Для редактирования кода необходимо иметь хотя бы базовые знания в HTML, CSS и Js технологиях.
Добавил: Best_Studio
Дата добавления: 29.09.2015 в 17:48 по МСК
Категория: Пользователи
Просмотров: 1363
Комментариев: 0
Эмоций:
Дата добавления: 29.09.2015 в 17:48 по МСК
Категория: Пользователи
Просмотров: 1363
Комментариев: 0
Эмоций:
Теги: