Клуб API Карт

Кривое отображение меток.

Пост в архиве.

Добавил карту на сайт, добавляю метку, она криво отображается только в браузере хром.

http://go.rodnaeva.ru/Virus.php

 

  

 function find(){
console.log('try to find');
$.ajax({
 type: "POST",
 url: "find.php",
 data: { key: $('#key').val() },
 dataType:"json",
 cache: false,
 success:function(data){
console.log(data.coord);
if (placemark!=0){
map.geoObjects.remove(placemark);
};
if (data.link!='Nan'){
ym.geoXml.load(data.link)
                     .then(function (res) {
                         var bounds = res.mapState.getBounds(); 
                         map.geoObjects.add(res.geoObjects);
                         map.setBounds(bounds);  
console.log('print res');
                     });
};
placemark =  new ym.Placemark([data.coord[0], data.coord[1]],{iconContent:data.text}, {
                    // Опции
                    // Иконка метки будет растягиваться под ее контент
                    preset: 'twirl#blueStretchyIcon'
                });
map.geoObjects.add(placemark);
map.panTo(data.coord,{
flying: true,
zoom:14,
duration: 3000
                });
 }
});
return false;
}
function init () {
console.log('init');
$('.button').button({ disabled: false });
$('.button').click(find);
map = new ym.Map('map', {
                    center: [56.30, 90.45],
                    zoom: 15
                });
}
ym.ready(init);

 

Через ajax получаю следующие данные: 

 

{"coord":[56.269477, 90.494783],"text":"Шанс : 146%","link":"http://maps.yandex.ru/export/usermaps/GSGGPcuUlY8bBzB0ja4Q6IQ-KwLjxSTT/"} // вариант 1 - загружаем пользовательскую карту


{"coord":[56.319477, 90.524783],"text":"Шанс : 14%","link":"NaN"} // Вариант 2 - добавляем только метку

 

2 комментария

На текущий момент проблема в text-align:center который приходит от тэга center.

Почему-то в стилях карты нет защиты от этого, хотя лично туда это вписывал.

Sergey Konstantinov
28 января 2016, 04:29

Работа API в Quirks Mode не гарантируется.