百度地图地图标注经纬度

时间：2021-05-26 00:52:58 阅读：28 评论：0 收藏：0 [点我收藏+]

百度地图地图标注经纬度

index.html

技术分享图片

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <title>地图标注经纬度</title>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta name="renderer" content="webkit"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    
    <link rel="stylesheet" href="dist/layui.css" media="all" />
    <script src="dist/jquery-1.11.3.min.js"></script>
    <script src="dist/layer.js"></script>
    
</head>
<body>


<div class="admin-main layui-anim layui-anim-upbit" ng-app="hd" ng-controller="ctrl">
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label must" >地理位置</label>
                <div class="layui-input-inline" style="width: 100px;">
                    <input type="text" id="risenemLng" readonly  name="longitude" value="0"  placeholder="请标注位置" class="layui-input">
                </div>
                <div class="layui-form-mid">-</div>
                <div class="layui-input-inline" style="width: 100px;">
                    <input type="text" id="risenemLat" readonly  name="latitude" value="0"  placeholder="请标注位置" class="layui-input">

                </div>

                <button type="button" class="layui-btn layui-btn-normal" onClick="dz()">标注位置</button>
                <div class="layui-form-mid layui-word-aux" id="risenemEventplace"></div>
            </div>
        </div>

        <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=uGkn6BcgfeV0RXiAScw9K2vq8ccZNBcyNczvH"></script>
        <script>
            //弹出地图
            function dz(){
                layer.open({
                    type: 2,
                    title: ‘标注位置‘,
                    shadeClose: true,
                    shade: 0.8,
                    btn: [‘确认‘],
                    anim:0,
                    area: [‘60%‘, ‘70%‘],
                    <!-- content: "/wyoshop/wms/maps", //iframe的url -->
                    content: "/maps.html", //iframe的url
                    scrollbar: false
                });

            }
        </script>


        <div class="layui-form-item">
            <div class="layui-input-block">
                <button type="button" class="layui-btn submit" lay-submit="" lay-filter="submit">提交</button>
                <a href="index" class="layui-btn layui-btn-primary">返回</a>
            </div>
        </div>
    </form>
</div>

<script>
    $(document).ready(function(){
        $(".submit").click(function(){
            
        });
    });
</script>



</body>
</html>

百度地图地图标注经纬度

原文：https://blog.51cto.com/u_12197911/2812851

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)