全站搜索

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

网站开发 315

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

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

 

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

 

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

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

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

 

 

 

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

 

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

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

上一篇: 下一篇:

相关推荐

  • 中英文网站同一个后台的开发难点与思路

    267

    如果需要重新开发一个后台,并不是复制粘贴一份代码这么简单,后台前后端的程序代码都需要重构,前端页面也需要重新去填充数据,实现思路简单,但是如果只有思路就能办成事的话,那所有事情都简单很多了,要做好这些功能,确保没有使用bug,需要时间去重构,去测试拿...

    查看全文
  • 如何建立一个好的网站,网站能为我们带来什么

    358

    现在大家都知道,网站是一个企业以及政府各机构展示自身形象,发布信息的网络平台,承担着在互联网瀚海中对外宣传的重要的任务。网民的急剧增加,各企业以及政府机构建立起了自己的网上平台,希望通过互联网让更多的人熟知自己,而网站建设的技术,也在网络突飞猛进...

    查看全文
  • 「电商seo」一个企业网站是如何进行整站seo优化

    247

      单词优化是现在比较热门之一,但是还是有一些极少客户想做整站优化,他们比较看重的是整体的权重与整体的效果,所以这个时候就难住了很多人,那么整站优化该如何进行呢?      第一,搜索引擎友好优化计划对于规划一个搜索引擎优化友好型网站是非...

    查看全文
  • 分销商城有哪些业务模式?特点有哪些?

    267

    很多企业开发了小程序、有送货小程序、出租车小程序、商城小程序、部署小程序等。今天我们一起来认识一下分销商城小程序的业务模式以及特点,希望能对有需求的朋友有帮助。   一、分销商城的几种业务模式1、分销商城系统看起来与普通前端相似没有什么太大的差...

    查看全文
展开更多