<i id='xkNau'><tr id='xkNau'><dt id='xkNau'><q id='xkNau'><span id='xkNau'><b id='xkNau'><form id='xkNau'><ins id='xkNau'></ins><ul id='xkNau'></ul><sub id='xkNau'></sub></form><legend id='xkNau'></legend><bdo id='xkNau'><pre id='xkNau'><center id='xkNau'></center></pre></bdo></b><th id='xkNau'></th></span></q></dt></tr></i><div id='xkNau'><tfoot id='xkNau'></tfoot><dl id='xkNau'><fieldset id='xkNau'></fieldset></dl></div>
  • <small id='xkNau'></small><noframes id='xkNau'>

    • <bdo id='xkNau'></bdo><ul id='xkNau'></ul>

    1. <tfoot id='xkNau'></tfoot>
      <legend id='xkNau'><style id='xkNau'><dir id='xkNau'><q id='xkNau'></q></dir></style></legend>
      1. layui根据经纬度在弹出层中显示具体位置

        我们要实现在layui根据经纬度在弹出层中显示具体位置,具体要怎么操作呢? 1、首先你需要引入百度地图的js,这个ak我们去百度地图开发者平台申请,一定要申请浏览器版的ak. script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0ak=你的ak
          <tbody id='J6odN'></tbody>

        1. <i id='J6odN'><tr id='J6odN'><dt id='J6odN'><q id='J6odN'><span id='J6odN'><b id='J6odN'><form id='J6odN'><ins id='J6odN'></ins><ul id='J6odN'></ul><sub id='J6odN'></sub></form><legend id='J6odN'></legend><bdo id='J6odN'><pre id='J6odN'><center id='J6odN'></center></pre></bdo></b><th id='J6odN'></th></span></q></dt></tr></i><div id='J6odN'><tfoot id='J6odN'></tfoot><dl id='J6odN'><fieldset id='J6odN'></fieldset></dl></div>

          <small id='J6odN'></small><noframes id='J6odN'>

        2. <tfoot id='J6odN'></tfoot>
                <bdo id='J6odN'></bdo><ul id='J6odN'></ul>

                  <legend id='J6odN'><style id='J6odN'><dir id='J6odN'><q id='J6odN'></q></dir></style></legend>
                  我们要实现在layui根据经纬度在弹出层中显示具体位置,具体要怎么操作呢?

                  1、首先你需要引入百度地图的js,这个ak我们去百度地图开发者平台申请,一定要申请浏览器版的ak.
                  <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=你的ak"></script>
                  
                  2、在layui中的具体代码如下:

                  注意:这里要提示一点content中内容里的div一定要给一个宽高,不然地图是加载不出来的
                  layer.open({
                            type: 1,
                            title: false,
                            closeBtn: false,
                            area: '500px',
                            shade: 0.3,
                            shadeClose: true,
                            content: '<div id="mapContainer"><div id="tmsbaiduMap" style="height: 500px;width: 500px;"></div></div>',
                            success: function(layero, index) {
                              var map, marker, myIcon, point;
                              //创建百度地图实例
                              map = new BMap.Map("tmsbaiduMap");
                              //定位的经纬度坐标
                              point = new BMap.Point(113.943062, 22.54069);
                              //将地图中心移动到我们指定的地点,并设置地图等级(就是地图缩放的程度)
                              map.centerAndZoom(point, 20);
                              //导入位置图标,后面设置的size的参数其实是一个矩形,25和23是宽和高,如果发现自定义的图标只有一部分,那就适量加大一些这2个参数
                              myIcon = new BMap.Icon("images/ots/location.png", new BMap.Size(25, 23));
                              marker = new BMap.Marker(point, {
                                icon: myIcon
                              });
                              //在我们指定的地点显示位置图标
                              map.addOverlay(marker);
                              //鼠标滚轮可以缩放地图
                              return map.enableScrollWheelZoom(true);
                            }
                          });
                  
                   
                  本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

                  相关文档推荐

                  layui table给前端的table字段很多,一两百个,但是每个人关注的字段不同,有些人会设置这个defaultToolbar中的列字段,但是每次进去页面都得重新设置,很麻烦。 想法是,defaultToolbar的filter这个功能中,用户自定义显示列时保存起来,下次进入页面默认加
                  在解析单元格的时候自定义列为这样: {field: 'tpye', title: '所属类别', align:"center",templet:'#typeBar'} 我们通常这样简单的解析像这样也没什么毛病: script type="text/html" id="typeBar" {{# if(d.tpye == 1){ }} 系统优化 {{# }else if(d.tpye==2
                    <bdo id='2QosT'></bdo><ul id='2QosT'></ul>

                          <tbody id='2QosT'></tbody>
                      1. <legend id='2QosT'><style id='2QosT'><dir id='2QosT'><q id='2QosT'></q></dir></style></legend>
                        <i id='2QosT'><tr id='2QosT'><dt id='2QosT'><q id='2QosT'><span id='2QosT'><b id='2QosT'><form id='2QosT'><ins id='2QosT'></ins><ul id='2QosT'></ul><sub id='2QosT'></sub></form><legend id='2QosT'></legend><bdo id='2QosT'><pre id='2QosT'><center id='2QosT'></center></pre></bdo></b><th id='2QosT'></th></span></q></dt></tr></i><div id='2QosT'><tfoot id='2QosT'></tfoot><dl id='2QosT'><fieldset id='2QosT'></fieldset></dl></div>

                        <small id='2QosT'></small><noframes id='2QosT'>

                        • <tfoot id='2QosT'></tfoot>