h5 定位微信环境需要调用jsdk

小咪咪 2021-09-19 02:10 539阅读 0赞

function Location() {};
    
    Location.prototype.getLocation = function(callback) {
    	var options = {
    		enableHighAccuracy: true,
    		maximumAge: 1000
    	};
    	this.callback = Object.prototype.toString.call(callback) == "[object Function]" ?
    		callback :
    		function(address) {
    			alert(address.province + address.city);
    			console.log("getocation(callbackFunction) 可获得定位信息对象");
    		};
    	var self = this;
    	if (navigator.geolocation) {
    		//浏览器支持geolocation
    		navigator.geolocation.getCurrentPosition(function(position) {
    			//经度
    			var longitude = position.coords.longitude;
    			//纬度
    			var latitude = position.coords.latitude;
    			self.loadMapApi(longitude, latitude);
    		}, self.onError, options);
    	} else {
    		//浏览器不支持geolocation
    		console.log("浏览器不支持geolocation")
    	}
    };
    
    Location.prototype.loadMapApi = function(longitude, latitude) {
    	var self = this;
    	var oHead = document.getElementsByTagName('HEAD').item(0);
    	var oScript = document.createElement("script");
    	oScript.type = "text/javascript";
    	oScript.src =
    		"http://api.map.baidu.com/getscript?v=2.0&ak=A396783ee700cfdb9ba1df281ce36862&services=&t=20140930184510";
    	oHead.appendChild(oScript);
    	oScript.onload = function(date) {
    		var point = new BMap.Point(longitude, latitude);
    		var gc = new BMap.Geocoder();
    		gc.getLocation(point, function(rs) {
    			var addComp = rs.addressComponents;
    			self.callback(addComp);
    		});
    	}
    };
    
    Location.prototype.onError = function(error) {
    	switch (error.code) {
    		case 1:
    			alert("位置服务被拒绝");
    			break;
    		case 2:
    			alert("暂时获取不到位置信息");
    			break;
    		case 3:
    			alert("获取信息超时");
    			break;
    		case 4:
    			alert("未知错误");
    			break;
    	}
    };
    
    //调用
    var local = new Location();
    local.getLocation(function(res) {
    	//此处就是返回的地理位置信息
    	console.log(res);
    	//JSON.stringify(res)，把返回的对象转为字符串了，自己根据需求截取下就好
    	var resstr = JSON.stringify(res);
    	alert(resstr);
    });

发表评论取消回复

表情：

评论列表（有 0 条评论，539人围观）

还没有评论，来说两句吧...

相关阅读

相关微信H5支付

1. 调起微信支付的域名要和微信支付配置的一致,导致无法本地测试解决方案：修改本地host文件将配置的域名指向本机, 手机wifi使用本机代理上网。 [IJP

男娘i/ 2023年07月12日 09:19/ 0 赞/ 82 阅读

相关 H5调用微信JSSDK开发总结

最近需要开发一个小项目，他的一个需求为：能够在微信中分享（转发好友以及朋友圈），而且要求图片和标题摘要等内容自定义。本着试一试的态度，我用手机访问自己搭建在服务器上的IP地址，

悠悠/ 2023年07月04日 15:46/ 0 赞/ 91 阅读

相关微信公众号开发--h5定位索引列表

直接看效果吧 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20191106110645968.png?x-oss-proc

你的名字/ 2023年05月29日 13:03/ 0 赞/ 62 阅读

相关 VUE_微信浏览器调用微信支付，h5调用微信支付，h5调用支付宝支付

import { Toast,Dialog } from 'vant'; //微信支付兼容微信浏览器和h5 wxpay:function(wxCo

朱雀/ 2023年01月13日 15:59/ 0 赞/ 537 阅读

相关 H5页面防微信通讯录按字母搜索定位

<!doctype html> <html> <head> <meta charset="UTF-8"> <meta name

忘是亡心i/ 2022年07月12日 11:36/ 0 赞/ 237 阅读

相关 H5调用微信图片显示预览

// 首选你要开心的引入下js <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></sc

深藏阁楼爱情的钟/ 2022年05月11日 06:18/ 0 赞/ 602 阅读

相关微信JSDK使用流程

1.通过公众号的appId，secret获取access\_token；（要在公众号配置当前URL：js接口安全域名处填上需要测试的链接）后台访问：https://api.

向右看齐/ 2021年11月04日 13:40/ 0 赞/ 381 阅读

相关 h5 定位微信环境需要调用jsdk

function Location() {}; Location.prototype.getLocation = function(callback)

小咪咪/ 2021年09月19日 02:10/ 0 赞/ 540 阅读

相关 h5+微信分享

// 页面初始化预处理 var shares = null; var sweixin = null; var buttons = [{

女爷i/ 2021年09月17日 15:36/ 0 赞/ 579 阅读

相关微信H5开发

微信H5开发（一） [https://blog.csdn.net/cbboke31/article/details/79936903][https_blog.csdn.n

古城微笑少年丶/ 2021年09月16日 03:22/ 0 赞/ 551 阅读