html在百度地图显示位置,在百度地图显示当前位置.html

获取当前位置并显示在百度地图中

*{margin: 0;padding:0;}

html,body{

width: 100%;

height: 100%;

}

#container{

width: 100%;

height: 100%;

}

//console.log(window.navigator.geolocation);

if(window.navigator.geolocation){

var options = {

enableHighAccuracy:false, //是否高精度获取地理位置

timeout:30000,

maximumAge:60000 //重复获取的时间间隔

};

window.navigator.geolocation.getCurrentPosition(successCallback,errorCallback,options);

}

function successCallback(position){

var latitude = position.coords.latitude; //纬度

var longitude = position.coords.longitude; //经度

console.log("纬度为："+latitude);

console.log("经度为："+longitude);

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

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

map.centerAndZoom(point, 15); // 初始化地图，设置中心点坐标和地图级别

var marker = new BMap.Marker(point); //生成标注

map.addOverlay(marker); //将生成的标注放在地图上

}

function errorCallback(e){

console.log(e);

}

一键复制

编辑

Web IDE

原始数据

按行查看

历史

html在百度地图显示位置,在百度地图显示当前位置.html相关推荐

使用百度地图实现基本的地图显示与定位功能
最近在项目中用到了地图显示与定位功能,那么毫无疑问首选百度地图,关于百度地图的基本使用在其官网介绍的十分详细,而且还附带程序Demo代码供大家参考.链接:点击打开链接.注意在自己的项目中使用百度地图需 ...
百度地图缩放 — 放开手指时地图位置移动问题解决
百度地图缩放 - 放开手指时地图位置移动问题解决参考文章: (1)百度地图缩放 - 放开手指时地图位置移动问题解决 (2)https://www.cnblogs.com/aimqqroad-13/p ...
Android Studio百度地图仿QQ发说说选择位置功能
此功能实现也相对简单,主要是对百度地图的应用,以及Android基础的知识. 百度地图用到了定位功能和附近POI搜索功能. 效果图: 实现步骤.思路: 1.新建Android项目 2.创建AK. 打开 ...
百度搜索广告投放的展现位置！百度推广广告是如何扣费的？
什么是百度搜索广告,是一种按照效果付费的网络推广方式,可以用比较少的的投入就可以给企业带来大量的潜在客户,可以有效地帮助提升企业的营销量,搜索广告展示在什么位置,百度搜索广告出现在搜索结果页的第一页左 ...
HTML调用百度地图API，实现地图标注位置
HTML调用百度地图API,实现地图标注位置一.说明二.代码总结提示:以下是本篇文章正文内容,下面案例可供参考一.说明通过HTML调用百度地图API,在指定位置显示出地图,并且在目标位置标 ...
vue内解决可视化大屏内百度地图在css transform下缩放位置偏移的问题
vue内解决可视化大屏内百度地图在css transform下缩放位置偏移的问题* 最近在写可视化大屏的时候发现使用百度地图,在缩放的缩放的时候视角总是往红色框位置缩放,并不在鼠标位置进行视角缩放,查 ...
百度搜索引擎结果网址参数相关提示位置(rsp)
相关搜索词排列顺序和现在的纸质书阅读习惯一样是先从左向右.再从上往下.百度以参数(rsp=n)+1表示第几个位置. [b]百度搜索结果网址参数相关提示位置(rsp)[/b] 名称 [b]rsp[/b ...
微信JS-SDK坐标位置转换为百度地图坐标
原文:微信JS-SDK坐标位置转换为百度地图坐标微信JS-SDK开发过程中,使用getLocation获取坐标位置,如何将微信获取的坐标直接应用到百度地图中,显示以下效果: 说明:红色图标是从微信转 ...
Android百度网盘下载位置,手机百度云客户端修改默认下载位置教程图解
手机百度云怎么修改默认下载位置?如果一直把文件下载百度云手机客户端默认的位置恐怕手机的内存条要变红了,所以更改百度云手机客户端的默认下载位置是很必要的,将百度云下载的文件放在内存大的地方.下面小编就来 ...
vue调用百度地图API实现点击相应位置切换地图定位
vue调用百度地图API实现点击相应位置切换地图定位 1.需求分析在页面显示地图,初始状态显示上海市,地图上有特定地点的标注. 左侧为建筑(地点)列表,点击某个地点右侧地图定位到其地理位置并显示具体 ...

html在百度地图显示位置,在百度地图显示当前位置.html

html在百度地图显示位置,在百度地图显示当前位置.html相关推荐

最新文章

热门文章