html5 位置z-,HTML5查找附近的地理位置

我正在创建一个应用程序,我需要该应用程序从用户位置查找最近的租车服务,或者如果他们输入邮编。目前我已经查看了堆栈溢出的以前的帖子,并找到了下面的用户当前位置。我对此很陌生,所以提前道歉,但我不确定我将如何从这里进行数据显示。HTML5查找附近的地理位置

HTML5 Geolocation

// Integration with google maps

function loadMap(lat, lng) {

var latlng = new google.maps.LatLng(lat, lng);

var settings = {

zoom: 14,

center: latlng,

mapTypeId: google.maps.MapTypeId.ROADMAP

};

var map = new google.maps.Map(document.getElementById('map_canvas'), settings);

var marker = new google.maps.Marker({

position: latlng,

map: map,

title: 'Your Position!'

});

document.getElementById('status').innerHTML = 'Position Found!';

}

// Initialize geolocation

function initialize() {

if (navigator.geolocation) {

document.getElementById('status').innerHTML = 'Checking...';

navigator.geolocation.getCurrentPosition(

onSuccess,

onError, {

enableHighAccuracy: true,

timeout: 20000,

maximumAge: 120000

});

}

else {

document.getElementById('status').innerHTML = 'Geolocation not supported.';

}

}

// Map position retrieved successfully

function onSuccess(position) {

var data = '';

data += 'latitude: ' + position.coords.latitude + '
';

data += 'longitude: ' + position.coords.longitude + '
';

data += 'altitude: ' + position.coords.altitude + '
';

data += 'accuracy: ' + position.coords.accuracy + '
';

data += 'altitudeAccuracy: ' + position.coords.altitudeAccuracy + '
';

data += 'heading: ' + position.coords.heading + '
';

data += 'speed: ' + position.coords.speed + '
';

document.getElementById('data').innerHTML = data;

loadMap(position.coords.latitude, position.coords.longitude);

}

// Error handler

function onError(err) {

var message;

switch (err.code) {

case 0:

message = 'Unknown error: ' + err.message;

break;

case 1:

message = 'You denied permission to retrieve a position.';

break;

case 2:

message = 'The browser was unable to determine a position: ' + error.message;

break;

case 3:

message = 'The browser timed out before retrieving the position.';

break;

}

document.getElementById('status').innerHTML = message;

}

我将如何得到应用,当用户选择当前位置或输入自己的邮政编码,以显示最近的汽车租赁服务的列表?

谢谢。

+0

你从哪里得到你的汽车租赁名单? –

+0

这是我不明白。我是新手,做了大量的研究,但无法弄清楚它是如何工作的。 –

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值