百度地图api根据关键词搜索获取经纬度可拖动标注效果代码

代码语言:html

所属分类:其他

代码描述:百度地图api根据关键词搜索获取经纬度可拖动标注效果代码

代码标签: 根据 关键词 搜索 获取 经纬度 拖动 标注 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" rel="external nofollow" />
    <title>拾取坐标-百度地图API</title>
    <!-- css样式文件 -->
    <style type="text/css">
        body,
        html {
            width: 100%;
            height: 100%;
            margin: 0;
            font-family: "微软雅黑";
            overflow: hidden;
        }

        #allmap {
            height: 100%;
            width: 100%;
            overflow: hidden;
        }

        #r-result {
            width: 100%;
            font-size: 14px;
            position: absolute;
            top: 10px;
            left: 200px
        }
    </style>

</head>

<body>
    <!-- 地图盒子 -->
    <div id="allmap"></div>
    <!-- 搜索显示框 -->
    <div id="r-result">
        地址: <input id="cityName" type="text" style="width:100px; margin-right:10px;" />
        <input type="button" value="搜索" onclick="theLocation()" /> 经度:
        <input type="text" id="lng" /> 纬度:
        <input type="text" id="lat" />
        <button onclick="submit()">提交</button>
    </div>
    <!-- js文件 -->
    <script type="text/javascript" src="//api.map.baidu.com/api?key=&v=1.3&services=true"></script>
    <!-- 页面地图js方法 -->
    <script type="text/javascript">
        // 在指定容器创建地图实例并设置最大最小.........完整代码请登录后点击上方下载按钮下载查看

网友评论0