<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<title>选择关键字地图展示对应地址</title>
<link rel="stylesheet" type="text/css" href="css/sty.css">
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=fbXf9j0aPH4EwxPBaixZ8Ll2rGwMbFe8"></script>
<!-- fbXf9j0aPH4EwxPBaixZ8Ll2rGwMbFe8 要替换为自己的APIkey 获取方式请到 百度地图开放平台 -->
</head>
<body>
<form name="companyForm" class="companysel">
<span>选择公司位置:</span>
<select name="companyPick" OnChange="companyReveal()">
<option value="0"> 厦门总部 </option>
<option value="1"> 南京分部 </option>
<option value="2"> 新加坡分部 </option>
</select>
<span>地址:</span>
<input name="companyField" type="text" id="suggestId" value="厦门市凤凰创壹软件有限公司" style="overflow:auto" disabled>
</form>
<div id="l-map" style="width: 100%; height: 400px"></div>
</body>
</html>
<script type="text/javascript">
// 百度地图API功能
function G(id) {
return document.getElementById(id);
}
var map = new BMap.Map("l-map");
//map.centerAndZoom("厦门",12); // 初始化地图,设置城市和地图级别。
map.enableScrollWheelZoom(); //启用滚轮放大缩小,默认禁用
map.enableContinuousZoom(); //启用地图惯性拖拽,默认禁用
var local = new BMap.LocalSearch(map, {
renderOptions:{map: map}
});
var msearch = document.getElementById("suggestId").value;
local.search(msearch); //百度地图关键字检索 默认加载一次
var company = new Array();
company[0] = "厦门市凤凰创壹软件有限公司"; //这里写入每个选项对应的说明文字
company[1] = "南京市秦淮区凤凰创壹软件江苏有限公司";
company[2] = "51 Changi Business Park Central 2#06-09 The Signature, Singapore 486066";
function companyReveal() {
var companyindex = document.companyForm.companyPick.selectedIndex;//取得当前下拉菜单选定项目的序号
helpmsg = company[companyindex];//根据序号取得当前选项的说明
document.companyForm.companyField.value = helpmsg//将说明写进文框
var msearch = document.getElementById("suggestId").value;
local.search(msearch); //百度地图关键字检索 触发加载
}
</script>
没有合适的资源?快使用搜索试试~ 我知道了~
js百度地图API选择公司位置获取地址地图标注代码.zip
共2个文件
html:1个
css:1个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 43 浏览量
2023-09-27
22:16:11
上传
评论
收藏 2KB ZIP 举报
温馨提示
有兴趣刚需的可以自己下载,非常实用的代码,可以完美运行,有能力的还可以二次修改!
资源推荐
资源详情
资源评论
收起资源包目录
js百度地图API选择公司位置获取地址地图标注代码.zip (2个子文件)
css
sty.css 868B
index.html 2KB
共 2 条
- 1
资源评论
码云笔记
- 粉丝: 2w+
- 资源: 5837
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功