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('

第' + ii + '次
查询时间:' + n.in_date + '
查询地址:' + n.qloca + '

');

ii = ii + 1;

});

}

});

}

if (opid == 4) {

$("#div004").show();

$("#div001").hide();

$("#div002").hide();

$("#div003").hide();

}

}

以上代码是做网站的客户提供的,经过测试,完全可以正常定位。

html5腾讯地图自动定位,移动web端使用腾讯地图实现定位功能相关推荐

  1. php++仿网页版微信,vue+web端仿微信网页版聊天室功能

    一.项目介绍 基于Vue2.5.6+Vuex+vue-cli+vue-router+vue-gemini-scrollbar+swiper+elementUI等技术混合架构开发的仿微信web端聊天室- ...

  2. web端使用腾讯地图

    前端中使用第三方地图是比较常见的,现在国内提供接入的地图主要有腾讯,高德,百度等第三方.而腾讯地图则是用的比较多的,在移动端,web端,公众号或者小程序的支持度也比较高,提供的功能比较丰富也是大多数业 ...

  3. 移动web端使用腾讯地图实现定位功能

    最近公司有个需求,让开发一个相对精确的定位功能,我们是微信二次开发,不像APP那种可以有专门的组件或插件来实现,使用腾讯地图API(支持HTTPS协议)提前准备:1: 先去腾讯地图API官网注册一个密 ...

  4. web端利用腾讯云点播接口上传视频

    腾讯云web上传文件文档 https://cloud.tencent.com/document/product/266/9239#.E5.B8.B8.E8.A7.81.E9.97.AE.E9.A2.9 ...

  5. Echarts离线地图开发--实现web端 初始化世界地图,其他国家钻取到行政区,中国钻取到省市区的展示

    背景:公司原本使用高德在线地图,但是由于有的客户是使用内网的,造成地图打开是空白的.于是,增加了离线地图功能,通过页签切换地图,默认展示在线地图,点击离线页签时,展示的是echarts离线地图. 重要 ...

  6. 腾讯云im:用户端来实现群组消息的功能

    前言: 腾讯云im如果放在服务端来实现是非常便捷的,但是也受腾讯im的并发等限制,这里提供  用户端,也就是前端  来实现群组消息的相关功能. 实现效果: 实现具体功能需求: 1.群组中有主播.用户. ...

  7. 通过高德地图API(WEB端)获取中国所有省市(可扩展)的列表

    有时候做开发的需要用户输入省市信息时,不能让用户随意输入,需要通过级联下拉框或其他方式选择保证数据一致性,也方便后台进行统计操作,但中国全省市列表的话不太容易找到(也有可能我没找到),所以通过高德AP ...

  8. web端加载百度地图和天地图

    1.加载百度地图 在页面中引入js文件 <html> <head> <script type="text/javascript" src=" ...

  9. OSM逆地理服务器搭建(四)之Web端加载OpenStreetMap地图

    前言 前面的文章中说道我们利用 Nominatim将搭建了可以进行地址解析的服务器,以及如何利用 Nominatim进行地址解析. 虽然我们解决了地址解析不依赖谷歌服务,但是地图引擎,路线规划,画电子 ...

最新文章

  1. 英伟达小姐姐的Python隐藏技巧合集,推特2400赞,代码可以直接跑
  2. angular中的class写三元表达式 和 清空表单校验
  3. 不少朋友在安装IDES 4.71的过程中都遇到了下面的出错提示:
  4. Java 5~11各个版本新特性史上最全总结
  5. java 秒杀多线程_秒杀多线程系列 - 随笔分类 - Joyfulmath - 博客园
  6. (软件工程复习核心重点)第三章需求分析-第二节:实体联系图(ER图)
  7. 从零开始学PowerShell(7)编写一个函数体
  8. vim快捷键使用记录
  9. Spring MVC如何测试Controller(使用springmvc mock测试)
  10. Faster R-CNN源码中ROI Pooling的解析
  11. 推荐系统多兴趣召回最新进展
  12. 品优购案例之横向列表伪元素的应用
  13. 思科6509系统升级及单引擎升级为双引擎
  14. edius隐藏快捷键_edius8常用快捷键有哪些|edius快捷键使用大全汇总 - 软件教程 - 格子啦...
  15. 学习c语言-----输出图形
  16. 谷歌云没有信用卡怎么注册服务器,谷歌云免费服务器申请方法
  17. 计算机图形学必读的10本书
  18. Microsoft Office SharePoint Designer 2007 宣布免费
  19. 实习生快速入手项目php,2019.7最惨的三次面试经历-----百度PHP实习生面经
  20. 软件测试人员是选择大公司好,还是选择小公司更好

热门文章

  1. Thinkphp入门-创建一个最简单的ThinkPhp项目工程
  2. python实现微信聊天机器人
  3. 计算机二级access分数分布_计算机二级access评分标准
  4. 元宇宙入门之-元宇宙发展历程及其基础框架
  5. 检修计算机硬件故障的流程,计算机硬件日常管理维护及故障检修
  6. android蓝牙开发搜素,Android蓝牙开发(一)之打开蓝牙和设备搜索
  7. CSS 选择器优先级如何确定?
  8. centos8部署一个单点ceph
  9. linux sh脚本各种数值进制转换(比如10进制转16)若干例子
  10. GNSS/INS组合导航学习-GINAV(一)