- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在使用谷歌地理定位的 getCurrentPosition() 函数来获取用户的当前位置。
它在 Firefox 中运行良好,但在 chrome 中不起作用。
我的代码如下::
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<p id="demo">Click the button to get your position.</p>
<button onclick="getLocation()">Try It</button>
<div id="mapholder"></div>
<script>
var x = document.getElementById("demo");
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition, showtemp);
} else {
x.innerHTML = "Geolocation is not supported by this browser.";
}
}
function showPosition(position) {
var latlon = position.coords.latitude + "," + position.coords.longitude;
var img_url = "http://maps.googleapis.com/maps/api/staticmap?center="
+latlon+"&key=AIzaSyDOgvRydLLNrztjgagobYS_sROK1u3r4M4&zoom=14&size=400x300&sensor=false";
document.getElementById("mapholder").innerHTML = "<img src='"+img_url+"'>";
}
function showtemp(temp) {
alert("test");
}
function showError(error) {
$.get("http://ipinfo.io", function (response) {
var array = (response.loc).split(',');
console.log(array[0]);
var latlon = array[0] + "," + array[1];
var img_url = "http://maps.googleapis.com/maps/api/staticmap?center="
+latlon+"&zoom=14&size=400x300&sensor=false";
document.getElementById("mapholder").innerHTML = "<img src='"+img_url+"'>";
}, "jsonp");
}
</script>
</body>
</html>
请帮我解决这个问题。
它给了我错误::“getCurrentPosition() 和 watchPosition() 在不安全的来源上已被弃用,并且将来将删除支持。您应该考虑将应用程序切换到安全来源,例如 HTTPS。”
提前致谢
最佳答案
getcurrentposition() 已被弃用并且没有替代品。阅读这个答案:- getcurrentposition-and-watchposition-are-deprecated-on-insecure-origins
点击这个谷歌更新的 API 的示例链接,它是工作示例。 : https://developers.google.com/maps/documentation/javascript/examples/map-geolocation 。
将鼠标悬停在代码块的右上角可复制代码或在 JSFiddle 中打开它。
使用此功能:
// Note: This example requires that you consent to location sharing when
// prompted by your browser. If you see the error "The Geolocation service
// failed.", it means you probably did not give permission for the browser to
// locate you.
<script>
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 6
});
var infoWindow = new google.maps.InfoWindow({map: map});
// Try HTML5 geolocation.
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
var pos = {
lat: position.coords.latitude,
lng: position.coords.longitude
};
infoWindow.setPosition(pos);
infoWindow.setContent('Location found.');
map.setCenter(pos);
}, function() {
handleLocationError(true, infoWindow, map.getCenter());
});
} else {
// Browser doesn't support Geolocation
handleLocationError(false, infoWindow, map.getCenter());
}
}
function handleLocationError(browserHasGeolocation, infoWindow, pos) {
infoWindow.setPosition(pos);
infoWindow.setContent(browserHasGeolocation ?
'Error: The Geolocation service failed.' :
'Error: Your browser doesn\'t support geolocation.');
}
</script>
关于javascript - 谷歌地图地理位置 getcurrentposition(),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39179800/
我希望能够在本地运行查询,比较位置的纬度和经度,这样我就可以根据距离对我捕获的某些地址运行查询。 我找到了一个免费数据库,其中包含有关邮政编码的信息,但我想要此信息以获取更具体的地址。我查看了谷歌的地
这个问题已经有答案了: Why is my variable unaltered after I modify it inside of a function? - Asynchronous code
我正在为我正在构建的网站使用此免费模板:http://blackrockdigital.github.io/startbootstrap-scrolling-nav/ 我正在使用地理定位服务 (Goo
我有一个 JSON 格式的来自世界各地的用户列表。列表中的每个项目都有一个位置信息。 如何将这些位置转换为正确的经度和纬度? 如何过滤这些位置以仅获取距我当前位置 50 英里范围内的位置(假设我知道如
我多年来一直在寻找一种解决方案,让我可以通过 Wi-Fi 显示我的设备位置,但实际上并未连接到任何网络。所以它只是打开了 Wi-Fi,但是我尝试过的每一种方法都会返回我位于伦敦的信息。有谁知道为什么会
我想在移动网站上制作一种指南针。这就是我所拥有的: 这就是我想要的: 我将当前位置保存在本地存储中。然后,例如再前进 1 公里,我检查我的位置并检查两点之间的距离。 现在我想要一个从当前位置到本地存储
很难说出这里要问什么。这个问题模棱两可、含糊不清、不完整、过于宽泛或夸夸其谈,无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开,visit the help center . 关闭 1
我正在尝试制作我的第一个与地理定位和本地通知相关的 Android 系统应用程序。我想象它是这样的......有基本的 Activity MainActivity。启动后,它会启动一个服务 TestS
我正在寻找一个快速 MySQL 查询,它可以从一个简单的表中返回最近的位置: 表:位置: id | city | latitude | longitude -----------
我正在为一家欧洲公司研究 Windows Azure 的功能。他们的担忧之一是数据将由美国的服务器处理/存储。 (关于爱国行为) 微软确实提供了选择地理位置的选项,但我还没有发现他们保证数据不会在美国
Nog 我有以下页面,其中包含前往预定义目的地的路线: example directions 这与以下代码完美配合: My Google Maps Demo
我正在寻找有关全天在 Android 上检查位置(大约每 15 分钟)并存储地理坐标的信息。当应用程序在后台时也会发生这种情况,而不仅仅是当应用程序在前台运行时。我不确定搜索词,我似乎找不到任何东西。
我想创建一个网站,其功能应该是阅读您当前的标题。 最佳答案 我假设您已经知道如何 use the JavaScript geolocation API以及如何在 JavaScript 中呈现旋转箭头,
我有一个关于地理定位和 javascript 变量范围的问题。我一直在玩弄它,但我是一个 php 人,js 不是我最好的语言。我正在制作谷歌地图,我想将用户坐标设置为 map 中心并设置缩放比例。如果
我在一个目录中有一堆营业地点的记录。实际上大约有 4,500 个。 目前我的速度有点问题,有两个原因。当用户加载页面时,系统会要求他们输入邮政编码。 当他们这样做时,页面将重新加载并获取所有企业,fo
在我的 Ionic 应用程序中,我使用以下选项实现了地理位置 watchPosition。我的选项设置为每 10 秒触发一次,但它每秒触发一次。通常每秒会触发两次。 function watchPos
我和我的搭档正在为我们的学校论文开发一个练习 Web 应用程序。我们正在尝试使用地理定位 api 的 watchposition() 函数获取运行者的位置并在他锻炼期间跟踪他。在屏幕上,运行者可以检查
我正在尝试制作一个按钮以在设备上启动谷歌地图并打开到特定位置[不只是纬度/经度,尽管这是后备]。 我有一个地点 ID,并想启动一个 geo: 到该地点的 Intent 。我似乎找不到我需要的 uri
我正在通过 WIFI 和 cable 连接使用 LAN。两者在相同的 IP 下对外部可见。 但不知何故,当我尝试获取地理定位时 (HTML5 Geolocation API 上的经度和纬度),它会显示
我测试我的地理定位查询已经有一段时间了,直到现在我还没有发现任何问题。 我试图搜索给定半径内的所有城市,通常我使用城市的坐标搜索城市周围的城市,但最近我尝试在城市周围搜索并发现城市本身没有返回。 我的
我是一名优秀的程序员,十分优秀!