Добрый день!
Есть карта, на которой изображен некий географический объект (заповедник), прорисованы границы, стоянки, дома отдыха и т.д.
Все эти объекты необходимо скрывать и показывать по нажатию на ссылки около карты (экспликация). Как это лучше всего реализовать?
Притом: все объекты типа точка запихануты в один массив для того, чтобы была кластеризация.
здравствуйте!
подключил яндекс карты на один из своих сайтов, начал изучать api
сама карта работает. но пытаюсь наложить на нее kml-файл, все безрезультатно.
ymaps.ready(init);
var myMap;
function init() {
myMap = new ymaps.Map("map", {
center: [56.632, 47.886],
zoom: 11,
behaviors: ["default", "scrollZoom"]
});
myMap.behaviors.enable("ruler");
myMap.controls
.add('smallZoomControl', {
left: 5,
bottom: 25
})
var ml = new YMaps.YMapsML("http://тут ссылка на файл.kml");
map.addOverlay(ml);
};
Добрый день!
Есть необходимость передавать цвет в название иконки (балуна), т.е. динамически раскрашивать надпись. Текущйи вариант можно увидеть здесь: http://powercomps.ru/yamaps/viv-map.html
Сейчас все надписи красного цвета, а надо в зависимости от значения в таблице БД присваивать каждой точке свой цвет (поле с кодом цвета находится в той же БД, откуда подгружаются данные в YmapsML файл).
Вот код, отвечающий за формирование XML файла:
<?php
header("Content-type: text/xml");
include("bd.php");
echo '<ymaps xmlns="http://maps.yandex.ru/ymaps/1.x" xmlns:gml="http://www.opengis.net/gml" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maps.yandex.ru/schemas/ymaps/1.x/ymaps.xsd">
<Representation xmlns="http://maps.yandex.ru/representation/1.x">
<Style gml:id="objectsStyle">
<iconContentStyle>
<template>#iconTemplate</template>
</iconContentStyle>
<balloonContentStyle>
<template>#BalloonStyleTemplate</template>
</balloonContentStyle>
</Style>
<Template gml:id="iconTemplate">
<text><![CDATA[<div style="font-size:12px;">
<div style="color:#ff0303;font
</div>]]></text>
</Template>
<Template gml:id="BalloonStyleTemplate">
<text><![CDATA[
<div style="font-size:12px;">
<div style="color:#ff0303;font
<div>Адрес: $[metaDataProperty.AnyMetaData.adres|не задан]</div>
<div>Телефон: $[metaDataProperty.AnyMetaData.telefon|не задан]</div>
<div>Поставщик: $[metaDataProperty.AnyMetaData.prov|не задан]</div>
<div>Комментарий: $[metaDataProperty.AnyMetaData.note|не задан]</div>
</div>]]></text>
</Template>
</Representation>
<GeoObjectCollection>
<gml:name>Объекты на карте</gml:name>
<gml:featureMembers>';
$query1= "SELECT * FROM maps";
$result1 = mysql_query($query1);
while ($par1 = mysql_fetch_array($result1))
{
echo '<GeoObject>';
echo '<gml:name>', htmlspecialchars($par1['name']), '</gml:name>';
echo '<gml:metaDataProperty>';
echo '<AnyMetaData>';
echo '<adres>', $par1['address'], '</adres>';
echo '<telefon>', $par1['phone'], '</telefon>';
echo '<prov>', $par1['provider'], '</prov>';
echo '<note>', $par1['note'], '</note>';
echo '</AnyMetaData>';
echo '</gml:metaDataProperty>';
echo '<gml:Point>';
echo '<gml:pos>', $par1['longitude'], ' ', $par1['latitude'], '</gml:pos>';
echo '</gml:Point>';
echo '</GeoObject>';
echo "\n";
}
echo '</gml:featureMembers>
<style>#objectsStyle</style>
</GeoObjectCollection>
</ymaps>';
?>
Я предполагаю, что надо как-то динамически формировать строку со стилем iconcontentstyle. Может кто помочь в решении данной проблемы?
Здравствуйте!
Делаю пользовательскую карту (API 2.0) и получается, что она у меня слишком вытянутая по вертикали на минимальном масштабе и при открытии страницы больше половины зоны карты заполнено дефолтным серым фоном, который очень не вписывается в дизайн, можно ли как-то его изменить?
Нашел похожий вопрос для API 1.x (кажется, так и не решенный).
Можно ли как-то, не нарезая лишних тайлов, изменить хотя бы фоновый цвет?
Добрый день!
Сделал как написано здесь: http://api.yandex.ru/maps
<script src="http://api-maps.yandex.ru
<script type="text/javascript">
var map;
ymaps.ready(function () {
map = new ymaps.Map("map", {
center: [61.788943, 34.368289],
zoom: 17
});
map.openBalloon(new YMaps.GeoPoint(34.368289, 61.788943), "Бла-Бла");
});
</script>
<div id="map" style="width: 500px;height: 300px"></div>
Карта появляется. В консоли ошибка: Uncaught TypeError: Object #<Object> has no method 'openBalloon'
В чем дело, почему у карты нет такого метода?
Сразу признаюсь, что js не знаю. Только разбираюсь.
Мне нужно вывести карту с пробками.
И текст под ней:
1) время из контрола пробок (на какой момент они актуальны)
2) кол-во баллов из этого же контрола.
И чтобы это все обновлялось при обновлении пробок.
Тоесть по сути нужно сдалать обработку события обновления пробок.
пока пытаюсь после карты в столбец выводит время, когда пробки обновлялись.
В доках API не нашел как работает авообновление пробок.
Кроме этой ветки вообще по теме ничего не нашлось.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona ">l.dtd <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script src="http://api-maps.yandex.ru/2.0-stable/?load=package " type="text/javascript"></script>.full&lang=ru-RU <script src="http://yandex.st/jquery/1.6.4/jquery.min.js" type="text/javascript"></script><script type="text/javascript">ymaps.ready(init);var map;var trafficControl;function init(){map = new ymaps.Map ("map", {center: [55.76, 37.64],zoom: 10});trafficControl = new ymaps.control.TrafficControl({shown: true, expanded: false});map.controls.add(trafficControl, {top: 30, left: 10});trafficControl.getProvider('traffic#actual').updat e(); }var OldTimeStamp = null;var NewTimeStamp;var myTime;var state;// проверкаfunction JamUpdateRoutine () {trafficControl.getProvider('traffic#actual').updat e(); state = trafficControl.getProvider('traffic#actual').state ; NewTimeStamp = state.get('timestamp');if (OldTimeStamp!=NewTimeStamp){OldTimeStamp = NewTimeStamp;myTime = new Date(NewTimeStamp*1000);$("#map").append(myTime.toLocaleTimeString()+"<br> "); }}</script></head><body><div id="map" style="width: 800px; height: 600px"></div><script type="text/javascript">// Периодический опрос:window.setInterval(JamUpdateRoutine, 1000);</script></body></html>
он работает, но trafficControl.getProvide
13:12:00
13:16:00
13:12:00
13:16:00
иногда так:
13:12:00
13:12:10
13:12:00
И время после преобразования из timestamp отличается от того, что написано
в контроле пробок на 1 или 2 минуты (когда как, закономерности не понял).
Как это правильно сделать?
Может можно без опроса по таймеру обойтись?
имитировать движение мышки - тоже как-то коряво.
и два вопроса по нему.
1. Можно ли "задешево" заменить в кластеризаторе функцию, принимающую решение "кластеризовать сей маркер или нет". А то уж больно она эээ... упрощенная :( Переписывать весь кластеризатор не хочется.
2. Возможно ли получить на маркере событие "попал в кластер" (ну и "вышел из кластера" при нулевом флаге)
var polygon = new ymaps.Polygon(geometry, {
hintContent: json.markers[i].name
}, {
fillColor: '#6699ff',
// Делаем полигон прозрачным для событий карты.
interactivityModel: 'default#transparent',
strokeWidth: 1,
opacity: 0.5
});
myCollection.add(polygon);
myCollection.add(polygon); |
Хотим нанести на карту через конструктор карт около 200 объектов и выделить несколько трасс, в том числе МКАД.
В связи с этим есть вопросы:
Спасибо!
Всем доброго времени суток!
В ходе работы появился вопрос, не знаю обсуждалась эта тема ранее или нет, во всяком случае по поиску яничего похожего не нашел.
Суть в следующем:
Есть некий объект карты, абсолютно любой дом, на любой улице любого города подскажите есть ли возможность получить расположенные в окрестностях данного дома объекты инфраструктуры (гипермаркеты, бары, спортклубы) получить их хотелось бы в виде коллекции плюс в json для отображения в виде ссылок вне карты.
Заранее спасибо!
Мы переключили ссылку api-maps.yandex.ru/2.0 на версию API 2.0.27. Если вы хотите продолжить использование предыдущей версии, указывайте api-maps.yandex.ru/2.0.26.
Рекомендуем прочитать статью о системе версионирования и использовать наиболее подходящую для ваших задач ссылку для подключения API.
Команда разработчиков API Яндекс.Карт.
Как мне сделать, чтобы на карте были видны все метки, при размещении карты на своем сайте? У меня же метки видны только при нажатии несколько раз "-"
Мне нужно по по событию обновления пробок получать картинку с картой/пробками.
Попробовал воспользоваться js библиотекой html2canvas.
Есть ли в API инструмент, который склеивает все слои и конвертирует результат в картинку/canvas?
Страница: http://rentlist.ru/marker/card/test.php
Некоторые пояснения по верстке: Контент делится на две колонки c шириной у каждой 50%.
Проблема: при сужении окна браузера карта сдвигается влево с фиксированной шириной. Хотя у всех дивов width: 100%;, то есть она должна тоже сужаться по ширине и быть резиновой.
Подскажите, пожалуйста, в чем дело. Все перепробовал.
Спасибо.
насколько я понимаю - ф-я вызывается когда объект полностью построен. Но вот беда...в ишаке объект ymaps.Map не успевает построиться, а функция ymaps.ready уже срабатывает. Обертывал в document.ready та же ситуация. При этом хром все съедает без проблем. Поставил костыль setTimeout, но это не правильно.
Библиотечка
http://api-maps.yandex.ru
Есть задача: пользователь вводит пунтк отправления и пункт назначения, на карте строится маршрут со всеми населенными пунктами через которые он проходит. Я с помощью ymaps.route прокладываю маршрут. Но не могу получить список населенных пунктов на нём. Пытался разбирать координаты каждого сегмента на маршруте, по ним с помощью ymaps.geocode искать населенный пункт, но информация получается непредсказуемая, т.к. координат сегментов могут проскакивать крупные населенные пункты, если небыло в нем никаких поворотов или других действий по которым маршрут делится на эти сегменты. Есть ли возможность как-то адекватно получить список населённых пунктов на маршруте?
ymaps.route([fromCity, toCity], {
mapStateAutoApply: true // автоматически позиционировать карту
}).then(
function (route) {
myMap.geoObjects.add(route);
$.each(route.getPaths().get(0).getSegments(), function(index, segment) {
console.log(segment.getCoordinates()[0]);
var myGeocoder = ymaps.geocode(segment.getCoordinates()[0], {kind: "locality", results: 1});
myGeocoder.then(
function (res) {
var nearest = res.geoObjects.get(0);
var name = nearest.properties.get("name");
nearest.properties.set("iconContent", name);
nearest.options.set("preset", "twirl#redStretchyIcon");
myMap.geoObjects.add(res.geoObjects);
$(self).find("#segment").append("");
},
function (err) {
alert("Ошибка");
}
);
});
},
function (error) {
alert("Возникла ошибка: " + error.message);
}
);
Добрый день.
Я создал на локальном компьютере два файла по html и xml как тут http://api.yandex.ru/maps
указываю xml который находиться на сервере яндекс сразу работает. хмм странно((
Можно ли сделать конструктор яндекс карт на подобе того какой он был раньше (только свой). Чтобы можно было находить на карте нужное место ставить метку, рисовать линии, писать текст в балуне, затем разместить его на своём сайте, чтобы люди могли создовать себе карту, брать созданный код и вставлять его у себя на сайтах?
А то может быть по условию пользовательского соглашения так нельзя делать.
А геокодер в API реализован иначе, геокодера на яндекс.картах?
Часто встречаю что геокодер апи возвращает ересь, а та-же самая поисковая строка в яндекс.карте адекватно.
Пример "Москва, ул. Нагатино-Садовники, д. 1, корп. 29а".
Подскажите пожалуйста есть возможность изменить работу кластера, а именно уменьшить зум при клике на кластер, то есть чтобы объекты входящие в кластер при нажатии на кластер показывались не по краям окна а посередине?