外贸企业网络营销

外贸企业网络营销

首页 > 外贸企业网络营销 > 外贸网站客户如何自己调用谷歌的英文地图显示自己的公司所在位置?

外贸网站客户如何自己调用谷歌的英文地图显示自己的公司所在位置?

4年前 热度:1935 ℃

从事于外贸行业的客户,外贸网站建设好了,想在自己网站上嵌入一个谷歌的英文地图,找当时给自己做外贸网站的网络公司改又遇到各种变相收费或者拖延,于是想自己动手搞定,其实很简单,地图在国内大部分用的是百度的地图多

但是百度地图目前不支持英文,所以如果想向网页中嵌入英文地图的话只能使用谷歌地图,网址是:http://map.google.com/。

(当然,想在国内从浏览器访问谷歌地图的大前提是已经翻了墙。)

点击左侧的“共享”->“嵌入地图”,便可获得嵌入地图的iframe代码。

图片.png

但这个API并没有设置显示语言的地方。虽然官网说谷歌地图会因地区而自动显示不同的语言,但事实上显示哪种语言与浏览器设置的默认语言有关。

那么如果想强制指定为英文怎么办呢?下面给出两种解决方案。

解决方案一:调用另一个嵌入地图API

https://developers.google.com/maps/documentation/embed/guide#api

这个API也是谷歌官方提供的,使用起来唯一有点不方便的地方就是要申请一个API。(点这里->)Google API Console

<html>  
<head>  
  
</head>  
  
<body>  
  
<iframe  
  width="600"  
  height="450"  
  frameborder="0" style="border:0"  
  src="https://www.google.com/maps/embed/v1/place?key=从谷歌那里申请到的API  
    &q=北京市&language=en-US">  
</iframe>  
  
</body>  
</html>

如上,在src的url参数里追加 language=en-US 就可以了。还有,key的值要替换成从谷歌那里申请好的API。

图片.png


解决方案二:调用Maps JavaScript API

https://developers.google.com/maps/documentation/javascript/adding-a-google-map


下面的代码是在谷歌官方例子的基础上做了一点修改,也是只需要追加language=en-US 就可以了。

另外,同样需要申请API.

<!DOCTYPE html>  
<html>  
  <head>  
    <style>  
       #map {  
        height: 400px;  
        width: 100%;  
       }  
    </style>  
  </head>  
  <body>  
    <h3>My Google Maps Demo</h3>  
    <div id="map"></div>  
    <script>  
      function initMap() {  
        var uluru = {lat: -25.363, lng: 131.044};  
        var map = new google.maps.Map(document.getElementById('map'), {  
          zoom: 4,  
          center: uluru  
        });  
        var marker = new google.maps.Marker({  
          position: uluru,  
          map: map  
        });  
      }  
    </script>  
    <script async defer  
    src="https://maps.googleapis.com/maps/api/js?key=从谷歌那里申请到的API&callback=initMap&language=en-US">  
    </script>  
  </body>  
</html>

第二个方法的缺点是没有生成左上角的标识,如果需要还需要继续添加代码。
图片.png

发表评论
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

相关文章

外贸SOHO那些事儿

外贸SOHO那些事儿

身边不少外语或国际贸易相关专业的朋友,因为外语等专业优势,在毕业后进入外贸行业。早期,朋友在外贸公司工作,在积累了一定经验及客户后,就选择SOHO的方式自己单干。但是,在这过程中也碰到了不少棘手的问题...

外贸人做外贸网站要不要建中英文网站?

外贸人做外贸网站要不要建中英文网站?

深圳外贸人做外贸网站要不要建中英文网站?中英文网站其实是个很有迷惑性的网站方案,不懂网站的人很可能会觉得付一次费用拥有了两个网站,赚到了。其实不是这样的,相反,你是亏了。这不是吓唬您,这是实话跟您分析...

外贸企业网站关键词优化方法

外贸企业网站关键词优化方法

越来越多的企业已经开始重视网站的重要性,许多企业也都有自己的企业网站。随着互联网中网站数量的不断增加,SEO优化受到企业的青睐度越来越高,针对不同的关键字来赢得搜索引擎的关注,从而提升企业网站的排名和...

外贸网站的信任度如何提高

外贸网站的信任度如何提高

外贸网站是外贸公司对外宣传的一个重要手段之一,因此,提高外贸网站的信任度是外贸操盘手们亟需强化的方面。什么是外贸网站信任度呢?简单地说,就是网站给访问者所带来的可信任程度。信任度高的网站能够赢得比较稳...

个人外贸网站建设应该如何做?

个人外贸网站建设应该如何做?

个人外贸网站建设应该如何做?第一步:需要购买一个域名和美国的空间。可以选择在壹网互联旗下购买,网址是:web.one-net.cc 或者联系QQ:2479153490第二步:把域名解析到空...

自己可以注册英文网站吗?

自己可以注册英文网站吗?

很多客户都问壹网互联,我们自己可以注册英文网站吗?您好,可以的注册的!但是前提是需要您懂程序、懂服务器搭建、懂域名解析、懂英文网站的前端设计!(这4项学习完的话快的话1年左右,慢的话大概是在2-3年!...

便宜做外贸网站的公司,在深圳有吗?

便宜做外贸网站的公司,在深圳有吗?

在深圳,有一家公司专门做外贸网站,价格非常便宜,那就是---壹网互联!大家都知道,在网上或者在线下随便找一家公司做外贸网站都是5000起,如果是涉及到外贸商城类的,需要有支付功能和完成在线支付的,那价...

外贸网站在360、UC、谷歌、猎豹等浏览器,img不加载不显示问题

外贸网站在360、UC、谷歌、猎豹等浏览器,img不加载不显示问题

在壹网互联给客户做外贸网站建设的时候,发现一个问题,网站上有些图片不显示,特别是外贸网站在360、UC、谷歌、猎豹等浏览器,img不加载不显示问题!!百分之90的概率是浏览器广告拦截  目前大部分用户...