网站制作中,在游览一些企业网站的时候,会发现对方的网站放上一个百度地图,不但注明了自已公司的位置,而且还能告诉客户如何到达公司,比如自驾车如何到,坐公交车或地铁如何到达,公司周边都有些什么,非常的人性化,你是不是也想让自已的网站也有一个?其实这个很简单,今天就让我们通过百度API开发平台也做一个,非常简单,就三步:
第一步:首先到http://api.map.baidu.com/mapCard/这个地址,你首先要拥有一个百度账号,你可以直接在百度上注册行了。然后拉到最下面,点开始制作。
第二步:点开始制作后,进入下面页面:按下面要求将资料填写好
这里要注意的是,在街道地址那里,将自已详细地址写好后,点下旁边那个“定位到地图”可以直接将你公司的地址在地图上标志出来。如果标注得不对,你可以拖动地图上的标志,拖到你认为对的位置,写完后,就可以点提交了。
第三步:这一步有点复杂,各位需要认真看下,见下图:
这里也有三步,第一步是,选择地图要显示的内容,这里有三部分,一个是基础信息,就是你第二步提交的资料,如果你不想在你网站上显示,你可以不选择,第二部分是是否让你网站上的地图显示周边公交,不要也可以不选择,么三部分,就是是否需要公交检索,根据你实际情况和页面美观来决定是否需要。第二步,就是你想你显示的这个大图的大小,百度为我们初始了三种大图大小,如果这三个尺寸都不合,你可以自定义宽和高,不过在这里要注意的是,实际的地图宽度会比你这个尺寸大4px,如果你对细节要求比较高的,这个需要知道。第三步,定好地图尺寸后,就可以将生成的代码粘到自已网页上或发到朋友了,粘到网站的代码是最后一个,采用iframe的,记住是粘在源代码上的,如果使用编辑器,要切换在代码模式下才行。
经过三步,我们就很容易调用了公司的百度地图,是不是很简单,你也可以看下我们的效果:/support/。