uni-app h5应用中使用高德地图

uni-app作为一个新型跨多个平台的框架，由于目前还在不断完善过程中，目前还是存在好多坑需要去填，前段时间遇到项目中由于项目只能使用高德地图，而uni-app默认h5小程序是腾讯地图，所以想到用内嵌html页面的方式来实现。需要用uni-app的web-view来做中间件，这个组建web-view里面有详细的介绍，我这边就不做过多的解释了，然后就是在从uni-app的页面跳转html的过程需要注意如果想要从uni-app页面传递参数到html在web-view组建进行一下参数的传递,代码实例：

 onLoad(options) {	                
          
   
   this.srcURL`/hybrid/html/point.htmtype=${options.type}&siteId=${options.siteId}`;

},

解析url参数的方法：

		//获取url中的参数

			function getQueryVariable(variable) {
				var query = window.location.search.substring(1);
				var vars = query.split("&");
				for (var i = 0; i < vars.length; i++) {
					var pair = vars[i].split("=");
					if (pair[0] == variable) {
						return pair[1];
					}
				}
				return (false);
			}

上面是从uni-app页面传递参数到html的方法，然后就可以用传到html的参数在html中使用了。