全站搜索

如何在企业网站的联系我们页面嵌入必应地图

网站开发 353

之前写过一篇文件介绍如何不使用VPN的情况嵌入谷歌,不过现在国内已经再支持谷歌的访问了,所以我们只能用其他的地图工具,以前会使用高德地图,它是支持英文版的,但高德地图很久都没更新过英文版的地图了,很多信息显示是错误的。我发现微软开发的必应地图非常好用,不仅支持中文版,也支持英文,甚至各种语言版本只需要用相同的代码,由必应地图自己判断用户使用何种语言的浏览器,从而显示该语言的地图,下面讲一下如何在页面上嵌入必应地图。

如果只是简单的嵌入必应地图,那只要打开必应地图,搜索目的地,获取目的地的地图后,如下图所示:

 

点击上面的“嵌入地图”,通过设置一些参数,如下图所示:

 

然后点击生成代码,即可获取必应地图的嵌入页面的方法,顺便记住下上面划红圈的经纬度,下面我们会用到它。

但这里会有一个问题,就是无法在地图里注记自己公司的位置,所以做为专业做网站的程序员,是无法容忍这样的情况的。我们继续研究,发现使用必应地图的API接口是可以实现页面上嵌入必应地图的。

 先打开必应地图的开发者页面,就是寻找 Infobox中的 Add default infobox的功能,点击后如下图所示:

 

 

 

    然后我们获取地图的JS代码,如下图所示:

 

 从上面的代码比较容易看出来,我们只是把title中的“Map Center”改成公司名称,desciption改成公司的地址,电话之类的信息就可以了,最重要的是修改Microsoft.Maps.Location(47.60357, -122.32945),就是我们上面提示的经纬度,因为必应地图不像百度地图、高德地图那样有坐标拾取的页面,我们只能从必应地图的嵌入页面的URL里去获取必应地图的经度和纬度。

只要进行以上操作,就可以制作出合适的页面地图了,希望对你有所帮助。

上一篇: 下一篇:

相关推荐

  • 浅谈易筑科技网站改版的见解

    357

          随着互联网的不断普及和技术提升,现在的人们 从 互联网 上 了解 公司 基本信息最直接的方式莫过于企业官方网站了,然而现在的人们随着审美的提高和 公司 的发展定位,很多企业的网站想把网站设计的更符合现代的潮流和企业的形象,企业的官方网...

    查看全文
  • 「点点seo」网络营销人员如何做好网站优化?

    276

      互联网的平台有多大,你知道吗?现在各行各业都在积极利用互联网这个大平台来做营销,尤其是一些生产企业,他们大多选择建立个人网站去宣传自己的品牌以及产品,这样可以吸引更多的客户。      可是同行业的竞争非常激烈,想要让自己的网站在各...

    查看全文
  • 酒店预订网站需要具备什么功能?

    318

    一、UI设计1、首页设计: 基于企业VI标准及企业品牌文化进行设计; 设计风格:简洁、大方、精致、品牌感; 设计理念:布局合理,符合用户体验; 2、内页设计  设计风格:与主页风格保持一致; 设计理念:页面操作流程符合用户习惯,注重用户体验感; 内...

    查看全文
展开更多