html5腾讯地图自动定位,移动web端使用腾讯地图实现定位功能
var geolocation = new qq.maps.Geolocation("WYEBZ-3MMES-4D5OJ-6WOZH-WLSRZ-OEFTT", "myapp");
var positionNum = 0;
var options = { timeout: 8000 };
function showPosition(position) {
var addComp = position;
$("#fwresult").append("
您当前的位置是:" + addComp.province + addComp.city + addComp.district + addComp.addr + "
");
$("#Qprovince").val(addComp.province);
$("#Qcity").val(addComp.city);
$("#Qdistrict").val(addComp.district);
$("#qloca").val(addComp.province + addComp.city + addComp.district + addComp.addr);
setTimeout(function () {
var sloca = $("#txtprovince").val() + $("#txtcity").val() + $("#txtdistrict").val();
$.ajax({
url: 'intellist.ashx',
type: 'GET',
data: { "fwcode": $("#wlcode").val(), "unitcode": $("#uncode").val(), "findresut": $("#findresut").val(), "sloca": sloca, "qloca": $("#qloca").val(), "sqDist": $("#sqDist").val(), "scity": $("#txtcity").val(), "qcity": $("#Qcity").val() },
dataType: 'text',
success: function (data) {
// alert(data);
},
error: function (xhr) {
// alert("出现错误,请稍后再试:" );
}
});
}, 3000);
};
function showErr() {
alert("定位失败!");
};
window.onload = function () {
getLocation();
$('#demo3').slideBox({
duration: 0.3,//滚动持续时间,单位:秒
easing: 'linear',//swing,linear//滚动特效
delay: 5,//滚动延迟时间,单位:秒
hideClickBar: false,//不自动隐藏点选按键
clickBarRadius: 10,
clickBarRadius : 5,//unit:px
hideBottomBar : true
});
}
function getLocation() {
geolocation.getLocation(showPosition, showErr, options)
}
function shows(opid) {
if (opid == 1) {
$("#div001").show();
$("#div002").hide();
$("#div003").hide();
$("#div004").hide();
}
if (opid == 2) {
$("#div002").show();
$("#div001").hide();
$("#div003").hide();
$("#div004").hide();
}
if (opid == 3) {
$("#div003").show();
$("#div001").hide();
$("#div002").hide();
$("#div004").hide();
//查询记录
var code = $("#wlcode").val();
$("#strList").html("");
$.ajax({
type: "GET",
url: "cxlist.ashx?callback=?",
data: { "fwcode": code },
dataType: "jsonp",
jsonp: "callback",
success: function (list) {
var ii = 1;
$.each(list, function (i, n) {
$("#strList").append('
查询时间:' + n.in_date + '
查询地址:' + n.qloca + '
');
ii = ii + 1;
});
}
});
}
if (opid == 4) {
$("#div004").show();
$("#div001").hide();
$("#div002").hide();
$("#div003").hide();
}
}
以上代码是做网站的客户提供的,经过测试,完全可以正常定位。
html5腾讯地图自动定位,移动web端使用腾讯地图实现定位功能相关推荐
- php++仿网页版微信,vue+web端仿微信网页版聊天室功能
一.项目介绍 基于Vue2.5.6+Vuex+vue-cli+vue-router+vue-gemini-scrollbar+swiper+elementUI等技术混合架构开发的仿微信web端聊天室- ...
- web端使用腾讯地图
前端中使用第三方地图是比较常见的,现在国内提供接入的地图主要有腾讯,高德,百度等第三方.而腾讯地图则是用的比较多的,在移动端,web端,公众号或者小程序的支持度也比较高,提供的功能比较丰富也是大多数业 ...
- 移动web端使用腾讯地图实现定位功能
最近公司有个需求,让开发一个相对精确的定位功能,我们是微信二次开发,不像APP那种可以有专门的组件或插件来实现,使用腾讯地图API(支持HTTPS协议)提前准备:1: 先去腾讯地图API官网注册一个密 ...
- web端利用腾讯云点播接口上传视频
腾讯云web上传文件文档 https://cloud.tencent.com/document/product/266/9239#.E5.B8.B8.E8.A7.81.E9.97.AE.E9.A2.9 ...
- Echarts离线地图开发--实现web端 初始化世界地图,其他国家钻取到行政区,中国钻取到省市区的展示
背景:公司原本使用高德在线地图,但是由于有的客户是使用内网的,造成地图打开是空白的.于是,增加了离线地图功能,通过页签切换地图,默认展示在线地图,点击离线页签时,展示的是echarts离线地图. 重要 ...
- 腾讯云im:用户端来实现群组消息的功能
前言: 腾讯云im如果放在服务端来实现是非常便捷的,但是也受腾讯im的并发等限制,这里提供 用户端,也就是前端 来实现群组消息的相关功能. 实现效果: 实现具体功能需求: 1.群组中有主播.用户. ...
- 通过高德地图API(WEB端)获取中国所有省市(可扩展)的列表
有时候做开发的需要用户输入省市信息时,不能让用户随意输入,需要通过级联下拉框或其他方式选择保证数据一致性,也方便后台进行统计操作,但中国全省市列表的话不太容易找到(也有可能我没找到),所以通过高德AP ...
- web端加载百度地图和天地图
1.加载百度地图 在页面中引入js文件 <html> <head> <script type="text/javascript" src=" ...
- OSM逆地理服务器搭建(四)之Web端加载OpenStreetMap地图
前言 前面的文章中说道我们利用 Nominatim将搭建了可以进行地址解析的服务器,以及如何利用 Nominatim进行地址解析. 虽然我们解决了地址解析不依赖谷歌服务,但是地图引擎,路线规划,画电子 ...
最新文章
- 英伟达小姐姐的Python隐藏技巧合集,推特2400赞,代码可以直接跑
- angular中的class写三元表达式 和 清空表单校验
- 不少朋友在安装IDES 4.71的过程中都遇到了下面的出错提示:
- Java 5~11各个版本新特性史上最全总结
- java 秒杀多线程_秒杀多线程系列 - 随笔分类 - Joyfulmath - 博客园
- (软件工程复习核心重点)第三章需求分析-第二节:实体联系图(ER图)
- 从零开始学PowerShell(7)编写一个函数体
- vim快捷键使用记录
- Spring MVC如何测试Controller(使用springmvc mock测试)
- Faster R-CNN源码中ROI Pooling的解析
- 推荐系统多兴趣召回最新进展
- 品优购案例之横向列表伪元素的应用
- 思科6509系统升级及单引擎升级为双引擎
- edius隐藏快捷键_edius8常用快捷键有哪些|edius快捷键使用大全汇总 - 软件教程 - 格子啦...
- 学习c语言-----输出图形
- 谷歌云没有信用卡怎么注册服务器,谷歌云免费服务器申请方法
- 计算机图形学必读的10本书
- Microsoft Office SharePoint Designer 2007 宣布免费
- 实习生快速入手项目php,2019.7最惨的三次面试经历-----百度PHP实习生面经
- 软件测试人员是选择大公司好,还是选择小公司更好