Добавил карту на сайт, добавляю метку, она криво отображается только в браузере хром.
http://go.rodnaeva.ru/Virus.php
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.319477, 90.524783],"text":"Шанс : 14%","link":"NaN"} // Вариант 2 - добавляем только метку