js获取百度html,javascript使用百度地图api和html5特性获取浏览器位置

àì夳堔傛蜴生んèń 2022-10-06 11:53 186阅读 0赞

![5268f80b9b1e01f982625ef6fac83ca1.png][]

代码如下:

点击这个按钮，获得您的位置：

试一下

var x=document.getElementById("demo");

function getLocation()\{

if(navigator.geolocation)\{

navigator.geolocation.getCurrentPosition(showPosition);

\}else\{

alert("您的浏览器不支持地理定位");

\}

\}

function showPosition(position)\{

lat=position.coords.latitude;

lon=position.coords.longitude;

//var map = new BMap.Map("container");            // 创建Map实例

var point = new BMap.Point(lon, lat);    // 创建点坐标

//map.centerAndZoom(point,15);                     //

//map.enableScrollWheelZoom();

var gc = new BMap.Geocoder();

gc.getLocation(point, function(rs)\{

var addComp = rs.addressComponents;

alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street);

\});

\}

![1428d0e076c3959ab11d28a39bc84fab.png][]

![5268f80b9b1e01f982625ef6fac83ca1.png][]

本条技术文章来源于互联网，如果无意侵犯您的权益请点击此处反馈版权投诉

本文系统来源：php中文网

[5268f80b9b1e01f982625ef6fac83ca1.png]: /images/20221005/2be64efbdb544a2f95ce1af457c3e178.png
[1428d0e076c3959ab11d28a39bc84fab.png]: /images/20221005/0d4b9d63e15649ef9ab470a4783302a5.png

发表评论取消回复

表情：

评论列表（有 0 条评论，186人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue3使用百度地图获取位置信息

本文介绍如何用vue3引入百度地图并使用。引入百度地图有两种方法，一种是全局引入，一种是动态引入。 1. 全局引入在index.html文件中直接插入script引

梦里梦外;/ 2024年03月27日 17:47/ 0 赞/ 96 阅读

相关获取百度地图定位功能的API

转载自：[http://www.cnhonkerarmy.com/forum.php?mod=viewthread&tid=237777][http_www.cnhonkera

朱雀/ 2023年06月08日 06:45/ 0 赞/ 335 阅读

相关 js获取百度html,javascript使用百度地图api和html5特性获取浏览器位置

![5268f80b9b1e01f982625ef6fac83ca1.png][] 代码如下: 点击这个按钮，获得您的位置：试一下 var x=document.ge

àì夳堔傛蜴生んèń/ 2022年10月06日 11:53/ 0 赞/ 187 阅读

相关 js 百度地图api

[百度地图JavaScript API][JavaScript API]是一套由JavaScript语言编写的应用程序接口，可帮助您在网站中构建功能丰富、交互性强的地图应用，支

拼搏现实的明天。/ 2022年06月10日 03:51/ 0 赞/ 392 阅读

相关百度地图获取距离

//百度地图获取距离 function getDistance($lat1, $lng1, $lat2, $lng2) { $earth

淩亂°似流年/ 2022年05月15日 02:26/ 0 赞/ 464 阅读

相关【html5百度地图】简单使用

今天本想着使用下google地图的API，没想到呢，国内这网速又要让我吐槽一番。然后想想，好吧，百度好歹也是国产精英，然后去百度开发者网站看了下，果然不赖，而且和googl

╰半夏微凉°/ 2022年04月21日 14:21/ 0 赞/ 386 阅读

相关 js+百度地图API

js与百度地图API实例： <div id='address'></div> <script src="http://api.map.baidu.com/ap

旧城等待，/ 2022年04月16日 03:59/ 0 赞/ 448 阅读

相关服务器访问百度地图api，获取实时位置慢

今天项目在服务器上访问百度地图API，查询实时位置，查询很慢。办法：大神发现，服务器 ping api.baidu.com, 时间很慢，需要在linux上配置 host

灰太狼/ 2022年03月15日 05:26/ 0 赞/ 620 阅读

相关百度地图API 加载百度地图

前言百度地图在日常生活中应用的越来越多，功能也日渐丰富，我们可以使用ArcGIS JS API加载在线百度地图（[https://blog.csdn.net/i

布满荆棘的人生/ 2021年09月15日 02:50/ 0 赞/ 841 阅读

相关获取百度地图

一.获取百度地图 ![20170713152245042][] 需要调用百度的js <script type="text/javascript" src="http

本是古典何须时尚/ 2021年09月13日 14:48/ 0 赞/ 829 阅读