C# mvc 框架 微信SDk接口地图调用

xiaomaxiaoma 发布于 2015/04/08 18:46
阅读 1K+
收藏 0

 下面这段代码 不能得到我想要的地图 但wx.config里面有数据啊

@model WX.MP.Areas.Pop.Models.StoreListModel

@using BootstrapSupport
@{
    ViewBag.Title = "门店列表";
    Layout = "~/Views/Shared/_WXPage.basic.cshtml";
}


<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <script src="~/Scripts/bootstrap.min.js"></script>
    <script src="~/Scripts/jquery.1.11.min.js"></script>
    <link href="~/Content/font-awesome.min.css" rel="stylesheet" />
    <link href="~/Content/bootstrap.min.css" rel="stylesheet" />
    <link href="~/Content/bootstrap-theme.min.css" rel="stylesheet" />
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
      <script>
          wx.config({
              debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
              appId: "@ViewData["appId"]", // 必填,企业号的唯一标识,此处填写企业号corpid
              timestamp: "@ViewData["timestamp"]", // 必填,生成签名的时间戳
              nonceStr: "@ViewData["nonceStr"]", // 必填,生成签名的随机串
              signature: "@ViewData["signature"]",// 必填,签名,见附录1
          //    jsApiList: ['onMenuShareTimeline',//分享朋友圈
          //          'onMenuShareAppMessage',//分享给朋友
          //          'onMenuShareQQ',//分享到QQ
          //          'onMenuShareWeibo',// 分享到微博。必填,需要使用的JS接口列表,所有JS接口列表见附录2
          //          'openLocation',//微信内置地图查看位置接口
          //          'getLocation'] //获取地理位置接口
              //});
              jsApiList: [
              'checkJsApi',
              'onMenuShareTimeline',
              'onMenuShareAppMessage',
              'onMenuShareQQ',
              'onMenuShareWeibo',
              'hideMenuItems',
              'showMenuItems',
              'hideAllNonBaseMenuItem',
              'showAllNonBaseMenuItem',
              'translateVoice',
              'startRecord',
              'stopRecord',
              'onRecordEnd',
              'playVoice',
              'pauseVoice',
              'stopVoice',
              'uploadVoice',
              'downloadVoice',
              'chooseImage',
              'previewImage',
              'uploadImage',
              'downloadImage',
              'getNetworkType',
              'openLocation',
              'getLocation',
              'hideOptionMenu',
              'showOptionMenu',
              'closeWindow',
              'scanQRCode',
              'chooseWXPay',
              'openProductSpecificView',
              'addCard',
              'chooseCard',
              'openCard'
              ]
              });
          wx.error(function (res) {
              alert(res.errMsg);


          });


</script>  
      <script type="text/javascript">
          wx.ready(function () {
              //  地理位置接口
              //  查看地理位置
              document.querySelector('#openLocation').onclick = function () {
                  wx.openLocation({
                      latitude: 39.98124,
                      longitude: 116.3078,
                      name: '优才网',
                      address: '北京市海淀区中关村鼎好大厦B座1212',
                      scale: 14,
                      infoUrl: 'http://www.ucai.cn'
                  });
              };


              //  获取当前地理位置
              document.querySelector('#getLocation').onclick = function () {
                  wx.getLocation({
                      success: function (res) {
                          var latitude = res.latitude;
                          var longitude = res.longitude;
                          wx.openLocation({
                              latitude: latitude,
                              longitude: longitude,
                              name: '我自己的位置',
                              address: '中华人民共和国',
                              scale: 14,
                              infoUrl: 'http://www.ucai.cn'
                          });
                          //alert(JSON.stringify(res));
                      },
                      cancel: function (res) {
                          alert('用户拒绝授权获取地理位置');
                      }
                  });
              };
          });
</script>
 <title>首页</title>
  </head>
    <div class="wxapi_container">
        <div class="lbox_close wxapi_form">
            <h3 id="menu-share">老师在哪儿?</h3>
            <span class="desc">快来看看优才网的老师在哪儿?</span>
            <button class="btn btn_primary" id="openLocation">在地图上查看老师位置</button>


            <h3 id="menu-share">我又在哪儿?</h3>
            <span class="desc">快速看看你自己在哪儿?</span>
            <button class="btn btn_primary" id="getLocation">获取我的位置坐标</button>
        </div>
    </div>
</html>

加载中
返回顶部
顶部