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

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

    <legend id='tI5Cp'><style id='tI5Cp'><dir id='tI5Cp'><q id='tI5Cp'></q></dir></style></legend><tfoot id='tI5Cp'></tfoot>

        layui根据百度地图经纬度在弹出层中显示位置

        时间:2025-01-09
        <legend id='p6ECa'><style id='p6ECa'><dir id='p6ECa'><q id='p6ECa'></q></dir></style></legend>
        <i id='p6ECa'><tr id='p6ECa'><dt id='p6ECa'><q id='p6ECa'><span id='p6ECa'><b id='p6ECa'><form id='p6ECa'><ins id='p6ECa'></ins><ul id='p6ECa'></ul><sub id='p6ECa'></sub></form><legend id='p6ECa'></legend><bdo id='p6ECa'><pre id='p6ECa'><center id='p6ECa'></center></pre></bdo></b><th id='p6ECa'></th></span></q></dt></tr></i><div id='p6ECa'><tfoot id='p6ECa'></tfoot><dl id='p6ECa'><fieldset id='p6ECa'></fieldset></dl></div>
            • <small id='p6ECa'></small><noframes id='p6ECa'>

                <tfoot id='p6ECa'></tfoot>
                  <bdo id='p6ECa'></bdo><ul id='p6ECa'></ul>

                    <tbody id='p6ECa'></tbody>

                  首先你需要引入百度地图的js
                  <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=你的ak"></script>
                  
                  ak,注意是要浏览器端的ak,这个直接到百度开发者平台申请。

                  引入layui,这个大家可以到layui官网看看怎么引入layer,注意:这里要提示一点content中内容里的div一定要给一个宽高,不然地图是加载不出来的
                  return 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);
                            }
                          });
                  
                  上一篇:百度地图点聚合和弹窗事件怎么调用 下一篇:没有了

                  相关文章

                  最新文章

                  <tfoot id='03krm'></tfoot>

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

                    1. <small id='03krm'></small><noframes id='03krm'>

                      <legend id='03krm'><style id='03krm'><dir id='03krm'><q id='03krm'></q></dir></style></legend>