武汉SEO

您的位置:首页 > SEO核心技术

网站上放公司地址地图生成器

2020-10-15 11:50:35


一般大多数企业官网都会在自己的网站上放上一个地图框架,来显示自家公司的地理位置,方便客户查询,但是做这种地图框架其它代码技术的程序员才能做,导致很多SEO网站管理人员受技术限制做不出来这种效果。
 
今天小墨就用一种方法小白制作地图图标显示框架。
 

一、在网站上的显示方式

 
在这里,不管是制作地图框架显示,还是JS代码显示,它的功能作用就只是在网页上显示出来而已,那只要在网页显示出来,最简单的方式就是做成一张图片,把图片放到模板代码里面就OK了。
 
先来看下效果:
地图效果显示

二、如何生成这种地图图片

 
工具:http://api.map.baidu.com/lbsapi/creatmap/
 
第一步:输入自己所要的地址
输入公司地址
 
第二步:添加自己的标注 (“设置地图”这一个步骤不用管,默认就行了)
添加标注
 
第三步:点击获取代码,点击复制全部代码
获取地图代码
 
 
第四步:将复制好代码放到一个 .html 网页文件中,用浏览器仿问此文件就可以看到自己做好的地图图标了

 
我们可以发现做出来的地图尺寸大小有问题,没有把网页屏幕铺满。
 
第五步:a.将第19行的代码里面 style="width:697px;height:550px;border:#ccc solid 1px;" 样式删除掉
 

b.在第12行后面添加一段代码: #dituContent {width: 100%;min-height: 100%;overflow: hidden; margin: 0; position: absolute;}
 
 
OK,这样地图的显示就铺满屏了,地图就生成制作完成。
 
 

三、将做好的地图用PS制作成图片


 
把网页全屏地图截图,然后用PS工具制好要自己要的图片尺寸格式就好了,用这种小白方法做网页地图,以后不管网站如何改版,或换公司地址,都能简单快速的做一个新地图显示图片出来。
 

相关文章

  • 网站优化缩略图路径变更如何批量修改

    网站优化缩略图路径变更如何批量修改

    做站长的都知道,网站在做优化的过程中有许多之前设置的到最后又觉得不方便要更改,但是由于它不是一次或一篇文章的更改,而是批量性的需要变更,就如网站的图片从PC端对应到移动端显示,或网站文章的缩略图你想变个空间位置放着,那就需要把之前已发布过的
  • 百度站长平台及统计工具对接网站方法

    百度站长平台及统计工具对接网站方法

    一、百度站长平台: 百度站长平台是提供有助于搜索引擎抓取收录的提交和分析工具,可以看我们网站的引索量,关键词和排名,蛛蛛抓取状况等SEO的优化建议。 二、对接网站方法: 1.登录百度站长平台官方网站 (http://zhanzhang.baidu.com/) 用百度帐号就可以
  • 标签云怎么做?

    标签云怎么做?

    首先找个标签云模板样式代码及 JS 标签云代码: 首页模板添加找到的标签云样式代码,如我找到的标签云代码如下,将此代码放到首页 !-- /tag标签云样式开始 -- style type=