新闻详情

打开你的思维和眼界,认真审视别人的观点!

十堰网页设计小技巧—在网页内加入高德地图/百度地图功能

十堰网页设计小技巧—在网页内加入高德地图/百度地图功能 扫码手机阅读
十堰网页设计小技巧教你如何利用百度地图、高德地图的地图生成器来制作自己公司的地图名片,然后将地图名片代码加入到网页内。

  我们往往在为十堰客户制作网站时,会在首页底部和联系我们页面加入地图功能,这样可以更直观让客户查看公司的具体位置。今天我就教大家如何在网页内加入百度地图和高德地图。

百度地图

  首先我们介绍一下如何将百度地图加入到网页内,我们打开这个《百度地图生产器》页面,我们根据页面的提示分别进行三个步骤的设置:1、定位中心点;2、设置地图;3、添加标注;


之后便可得到一个生成好的地图样式,然后我们点击页面下方的获取代码。这里需要注意下:由于地图生成工具基于百度地图JS api v2.0版本开发,所以要想正确使用地图就必须要《申请密匙》。密钥申请好后将密钥填写到代码里面(我画红框的位置,见下图)。我们把以及生成好的代码复制粘贴到我们的网页内即可完美展示出来。



高德地图

  同样我们找到高德地图《地图快速生成器》页面,根据页面提示分别将左侧一、二、三项内容填写完毕,最后点击下方的提交按钮,然后就会在右侧展现出刚设置好的内容。同时下方有生成好的地图代码,我们将地图代码添加到我们的页面内即可。


最终效果展示可以查看十堰网站建设官网的联系我们页面


案例
CASE
免费报价

填写您的需求,为您报价