您当前的位置:主页 > 教程合集 > 工具推荐网站首页工具推荐

利用百度开发者制作自定义尺寸的地图

发布时间:2016-01-13编辑:余斗阅读:(0)字号:
    很多网站特别是企业站,在公司简介里面喜欢加上公司的位置展示,一般都用的是百度名片生成的地图,地址为: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代码,这样一个符合我们要求的百度地图就做好了。
关键字词百度开发者地图
余斗余斗
  1. 转载请注明:利用百度开发者制作自定义尺寸的地图
  2. 版权声明:本站原创文章,由发表在工具推荐分类下,于2016-01-13最后更新
软件出现MSCOMCTL.OCX文件缺失原因及修复方法
为博客文章页侧边添加上/下一篇按钮
手机扫一扫 随身带着看
鸿运国际手机登录首页