百度地图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