作者 lihan

地图定位2.0

1 -<!DOCTYPE html> 1 +<!DOCTYPE html>
2 <html> 2 <html>
3 3
4 <head> 4 <head>
@@ -6,13 +6,25 @@ @@ -6,13 +6,25 @@
6 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> 6 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
7 <link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/swiper-3.4.2.min.css" /> 7 <link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/swiper-3.4.2.min.css" />
8 <link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/init.css" /> 8 <link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/init.css" />
9 - <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_647640_n3cow34ja3gzaor.css" />  
10 <link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/myorder/paydetails.css" /> 9 <link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/myorder/paydetails.css" />
11 <script src="/themes/simplebootx/Portal/Template/js/base.js" type="text/javascript" charset="utf-8"></script> 10 <script src="/themes/simplebootx/Portal/Template/js/base.js" type="text/javascript" charset="utf-8"></script>
12 - <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> 11 + <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
13 <title>订单详情待取货</title> 12 <title>订单详情待取货</title>
14 </head> 13 </head>
15 14
  15 + <script>
  16 + wx.config({
  17 + debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
  18 + appId: '{$sdk.appId}', // 必填,公众号的唯一标识
  19 + timestamp: '{$sdk.timestamp}', // 必填,生成签名的时间戳
  20 + nonceStr: '{$sdk.nonceStr}', // 必填,生成签名的随机串
  21 + signature: '{$sdk.signature}',// 必填,签名
  22 + jsApiList: [
  23 + 'openLocation'
  24 + ] // 必填,需要使用的JS接口列表
  25 + });
  26 + </script>
  27 +
16 <body> 28 <body>
17 <div class="container" id="takedetail"> 29 <div class="container" id="takedetail">
18 <!--遮罩--> 30 <!--遮罩-->
@@ -102,24 +114,13 @@ @@ -102,24 +114,13 @@
102 } 114 }
103 </script> 115 </script>
104 <script> 116 <script>
105 - wx.config({  
106 - debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。  
107 - appId: '{$sdk.appId}', // 必填,公众号的唯一标识  
108 - timestamp: '{$sdk.timestamp}', // 必填,生成签名的时间戳  
109 - nonceStr: '{$sdk.nonceStr}', // 必填,生成签名的随机串  
110 - signature: '{$sdk.signature}',// 必填,签名  
111 - jsApiList: [  
112 - 'openLocation'  
113 - ] // 必填,需要使用的JS接口列表  
114 - });  
115 -  
116 function openLocation() { 117 function openLocation() {
117 wx.openLocation({ 118 wx.openLocation({
118 - latitude: '{$spotInfo.lat}', // 纬度,浮点数,范围为90 ~ -90  
119 - longitude: '{$spotInfo.lng}', // 经度,浮点数,范围为180 ~ -180。 119 + latitude: {$spotInfo.lat}, // 纬度,浮点数,范围为90 ~ -90
  120 + longitude: {$spotInfo.lng}, // 经度,浮点数,范围为180 ~ -180。
120 name: '{$spotInfo.spot_name}', // 位置名 121 name: '{$spotInfo.spot_name}', // 位置名
121 address: '{$spotInfo.address}', // 地址详情说明 122 address: '{$spotInfo.address}', // 地址详情说明
122 - scale: 1, // 地图缩放级别,整形值,范围从1~28。默认为最大 123 + scale: 16, // 地图缩放级别,整形值,范围从1~28。默认为最大
123 infoUrl: '' // 在查看位置界面底部显示的超链接,可点击跳转 124 infoUrl: '' // 在查看位置界面底部显示的超链接,可点击跳转
124 }); 125 });
125 } 126 }