很多网站特别是企业站，在公司简介里面喜欢加上公司的位置展示，一般都用的是百度名片生成的地图，地址为：http://api.map.baidu.com/mapCard/setInformation.html，这个地图很好制作，我们输入自己的信息直接生成就可以了，把生成的ifream框架放到我们想让地图出现的地方就可以，十分方便。但是这样生成的地图有一个槽点就是最大宽度只能设置为600px，最大高度只能为800px，对于很多网站来说，这样的尺寸显然满足不了使用，余斗今天就教大家如何使用百度开发者API来制作自定义宽度的地图并在网页中使用。
一、首先打开百度开放平台http://developer.baidu.com/map/，找到导航栏中“开发”一项中的“地图生成器”
二、点开后会跳出地图的制作页面，这个制作页面相比地图名片要丰富得多，我们一步一步来。
先“定位中心点”，把自己的地址信息在地图上标注出来
再“设置地图”，根据自己需要的功能勾选即可，这一步就可以自定义自己需要的地图尺寸了
最后点开“添加标注”，这里可以标注自己的公司地址，然后把公司名字写入，比较醒目
三、点击地图下方的“获取代码”，会弹出一个带代码的提示框
这里如果没有注册过百度开发者平台还需要注册下，很简单，点击“申请密匙 ”
填好个人信息，验证邮箱后即注册成功，，点击“创建应用”
这里有一些要注意的地方就是，如果是要放在网页中使用，记得第二项要选取“浏览器端”，启用服务一项中根据自己需要勾选，Refer白名单是一定要写的，这里就直接写自己地图要展示的网站的域名就可以，格式就按它提示的格式来就行
四、完成后“提交”，我们会得到一串字符串的“密匙 ”
五、回到第三步中的弹出的那串地图代码，复制到本地，我们用得到密钥替换掉
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密匙"></script>
中的“您的密匙”
六、这段代码就是一个地图的展示框，可以点击《百度地图API自定义地图》预览效果。
七、如果要把这个地图镶嵌到自己的网页模版中，则首先要把引用百度地图
API的那JS复制到模版文件的<head>中
在需要展示地图的div块中，引入地图的ID名"id="map"",并带入地图自定义的宽高css代码：
<!--百度地图容器-->
<div style="width:1000px;height:550px;border:#ccc solid 1px;font-size:12px" id="map"></div>
最后在</body>下引入地图的构造文件，也就是我们得到的代码的</body>下面的那一段js代码，这样一个符合我们要求的百度地图就做好了。
资源均来自第三方，谨慎下载，前往第三方网站下载
