На локалке смотрю, спрашивает разрешение на использование гео данных, следом отображает местоположение правильно, с небольшой погрешностью. Но вот когда загружаю на хостинг, показывает что я нахожусь в атлантическом океане =( И даже не спрашивает разрешение на использование гео данных.
Помогите как решить проблему ?
index.html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Быстрый старт. Размещение интерактивной карты на странице</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="style.css">
<script src="https://api-maps.yandex.ru/2.0-stable/?load=package.standard&lang=ru-RU" type="text/javascript"></script>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<div id="map" style="width: 100%; height: 600px"></div>
</body>
</html>
script.js
if ("geolocation" in navigator) {
navigator.geolocation.getCurrentPosition(function(position) {
var x = position.coords.latitude;
var y = position.coords.longitude;
/*Вносим в бд*/
localStorage.setItem("x", x);
localStorage.setItem("y", y);
/*Все*/
do_something(x, y);
});
} else {
alert('not oker')
}
ymaps.ready(init);
var myMap;
var x = localStorage.getItem("x");
var y = localStorage.getItem("y");
function init(){
myMap = new ymaps.Map ("map", {
center: [x, y],
zoom: 8
});
myMap.geoObjects.add(
new ymaps.Placemark(
[x, y],
{
hintContent: 'Нажми!',
balloonContentHeader: ymaps.geolocation.country,
balloonContent: 'Урааааа',
balloonContentFooter: ymaps.geolocation.region
}
)
);
myMap.controls.add(
new ymaps.control.ZoomControl()
);
}
