地理定位

==获取地理位置的方式:

1、GPS(全球定位系统)

2、手机信号(移动通信基站)

3、wiFi或蓝牙(wifi信号发射装置都有一个全球唯一的MAC地址)

4、IP地址(链接互联网时,每台设备都有一个独一无二的IP地址)

==用geolocation对象定位(针对百度地图):

var geolocation = new BMap.Geolocation( );//1、先获取geolocation 对象

geolocation.getCurrentPosition( successCallback, errorCallback);//2、对象掉定位方法,定位成功执行successCallback函数,失败执行errorCallback函数(参数可不填)

function successCallback(position){

var coords = position.coords;//coords属性返回经纬度对象

var longitude = coords.longitude;//经度

var latitude = coords.latitude;//纬度

var accuracy = coords.accuracy;//精确度

}//定位成功将要执行的函数

function errorCallback(error){

switch(error.code){

case 3:

alert("超时,请重试!");

break;

case 2:

alert("位置信息不可用!");

break;

case 1:

alert("用户拒绝了该浏览器的位置信息请求!");

break;

case 0:

alert("未知错误!");

break;

}

}//定位失败将要执行的函数

==还可添加配置对象为第三个参数

{

enableHighAcuracy : true,//指示浏览器获取高精度位置,默认为false

timeout : 5000,//指定获取位置超时时间,默认不限时,单位毫秒

maximumAge : 10000//指定多久重复获取位置

}

==getCurrentPosition方法与watchPosition方法的区别:

getCurrentPosition这个函数只会执行一次,

watchPosition这个函数只有设备的位置发生变化,才会执行成功函数。

==用JS初始化地图

var map = new BMap.Map("map");//创建地图对象,id为"map"的div,且div的宽高为100%,且div的父亲必须有宽高。

map.centerAndZoom("北京",100);//初始化地图,设置中心和缩放比例。

==Map对象的常见方法:

enableDragging() / disableDragging()===>启用/禁用地图拖拽

enableScrollWheelZoom() / disableScrollWheelZoom()===>启用/禁用滚轮缩放大小

enableKeyboard() / disableKeyboard()===>启用/禁用键盘上下键移动地图

enableDoubleClickZoom() / disableDoubleClickZoom()===>启用/禁用双击放大

getCenter===>返回当前的中心点对象

==百度地图API常用控件

NavigationControl====>平移缩放控件

ScaleControl====>比例尺控件

MapTypeControl====>地图类型控件(只有设置为城市时有用)

PanoramaControl====>全景控件(全景效果在本地打开可能没有效果,放在服务器环境即可。)

==向地图中添加控件

map.addControl(new BMap.NavigationControl());//平移缩放控件

map.addControl(new BMap.ScaleControl());//比例尺控件

map.addControl(new BMap.MapTypeControl());//地图类型控件

map.addControl(new BMap.PanoramaControl());//全景控件

时间: 2024-10-22 08:29:26

地理定位的相关文章

【温故而知新-Javascript】使用地理定位

地理定位(Geolocation)API让我们可以获取用户当前地理位置的信息(或者至少是正在运行浏览器的系统的位置).它不是HTML5规范的一部分,但经常被归组到与HTML5相关的新功能中. 1. 使用地理定位 我们通过全局属性 navigator.geolocation 访问地理定位功能,它会返回一个 Geolocation对象. 获取当前位置 顾名思义,getCurrentPosition方法能获得当前的位置,不过位置信息不是由函数自身返回的.我们需要提供一个成功的回调函数,它会在位置信息可

联合使用 HTML 5、地理定位 API 和 Web 服务来创建移动混搭程序

查找并跟踪位置坐标以用在各种 Web 服务中 在这个由五个部分所组成的系列的第一部分中,您将接触到移动 Web 应用程序中最流行的新技术:地理定位.高端智能手机都内置 GPS,现在您将了解 Web 服务如何使用它.在本文中,您将学到如何使用各种地理定位标准,以及如何使用流行的 Web 服务来创建有趣的移动混搭程序. 关于本系列? HTML 5 是一项让人振奋的技术,这有着充分的理由.这将会是一次技术突破,因为它可以将桌面应用程序功能带入浏览器中.除了传统浏览器外,对于移动浏览器,其潜力甚至更大.

[Javascript]JS新API标准-地理定位(navigator.geolocation)

在新的API标准中,可以通过navigator.geolocation来获取设备的当前位置,返回一个位置对象,用户可以从这个对象中得到一些经纬度的相关信息. navigator.geolocation的三个方法: 1. getCurrentPosition() 2. watchPosition() 3. clearWatch() getCurrentPosition() 使用方法:navigator.geolocation.getCurrentPosition(successCallback,

HTML5地理定位,百度地图API,知识点熟悉

判断浏览器的兼容问题: IE9+支持地理定位,FF Chrome新版支持地理定位  if (navigator.geolocation) { alert('支持地理定位'); } else { alert('不支持地理定位'); } 获取自己位置经纬度 <script> var x=document.getElementById("wrap"); function getLocation () { if (navigator.geolocation) { navigator

HTML5 — 地理定位

Geolocation:地理定位,获取当前浏览器所在的地理坐标信息(包括经度.纬度.海拔高度.移动速度),实现LBS应用(Location Based Service)——基于定位的服务,如订   餐.面对面XX.导航.消息推送等.官网:http://lbsyun.baidu.com/ 技术上如何获取浏览器所在的地理坐标: (1)手机浏览器: 可以通过自带的GPS芯片与卫星定位通信——精确在m级: 还可以通过手机通信基站来定位——精度在km级 (2)PC浏览器: 通过IP地址反向推导出浏览器定位

HTML5 调用百度地图API地理定位

<!DOCTYPE html> <html> <title>HTML5 HTML5 调用百度地图API地理定位实例</title> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript" src="ht

【HTML5】地理定位

<!DOCTYPE html> <html> <body> <p id="demo">点击这个按钮,获得您的坐标:</p> <button onclick="getLocation()">试一下</button> <script> var x=document.getElementById("demo"); function getLocation()

移动网页 -- 设备-地理定位

1.地理定位 1 navigator.geolocation.getCurrentPosition(function(where){ 2 alert(where.coords.latitude + "," + where.coords.longitude); 3 }) 1 var geo = navigation.geolocation, 2 lcn_success = function(where){}, 3 lcn_error = function(){}; 4 geo.getCu

JS新API标准 地理定位(navigator.geolocation)

在新的API标准中,可以通过navigator.geolocation来获取设备的当前位置,返回一个位置对象,用户可以从这个对象中得到一些经纬度的相关信息. navigator.geolocation的三个方法: 1. getCurrentPosition()   //当前位置 2. watchPosition()          //监视位置 3. clearWatch()             //清楚监视 1.getCurrentPosition() 使用方法:navigator.ge

基站地理定位 API (移动联通)

概述 使用限制 订阅 (开通API) 经纬度类型 基站地理定位请求 结果响应 JSON JSONP XML 结果响应状态码 概述 GPSspg 基站地理定位 API 通过相关参数返回基于基站的客户端位置.通常在不能接受到GPS信号的情况下,用于获得基于基站的粗略位置,精确度取决于客户端设备和基站之间的距离. 相比于其它平台,GPSspg 基站地理定位 API 的特色:可输出供多种地图使用的经纬度坐标,如 Google Earth(WGS84) / Google Maps / 百度地图 / 腾讯高