外贸企业网络营销

外贸企业网络营销

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

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

7年前 热度:2943 ℃

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

但是百度地图目前不支持英文,所以如果想向网页中嵌入英文地图的话只能使用谷歌地图,网址是: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

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

相关文章

深圳的厨房五金行业外贸英文网站建设的设计案例

深圳的厨房五金行业外贸英文网站建设的设计案例

以上是深圳的一家厨房五金行业工厂外贸英文网站建设的首页演示截图!该外贸网站建设客户的要求如下:1、网站主色调与以橙黄色为主,采用超简约风格!2、首页布局为网站LOGO--导航,轮播的banner图片,...

外贸网站如何提高GOOGLE排名

外贸网站如何提高GOOGLE排名

询盘量是外贸人士非常关注的一点,为了有更多的询盘客户,不少外贸企业或SOHO都选择自建网站,全方位展示自己的产品。但是很多客户都问深圳外贸网站建设--阿达,如何提高网站SEO排名,增加网站曝光度,为网...

中文企业网站自然排名seo优化收费标准怎么收费?

中文企业网站自然排名seo优化收费标准怎么收费?

客户企业网站建设好了,很多客户要做搜索引擎自然排名优化,收费标准是怎么收费的呢?这里壹网互联的小编统一回复:  左侧优化排名SEO报价关键词效果相关性报价(元/词/年)排名效果如有...

外贸新网站SEO功能优化:地图Sitemap帮你解决!

外贸新网站SEO功能优化:地图Sitemap帮你解决!

外贸新网站建设好以后如何快速获取流量?外贸网站SEO功能优化:地图Sitemap帮你解决!首先,我们温习一下SEO最基础的一个概念。熟悉SEO的进阶卖家可以点这个跳到网站地图的设定部分。新网站=孤...

外贸网站常用的一键分享(AddThis分享代码获取方法)

外贸网站常用的一键分享(AddThis分享代码获取方法)

在现在的网站搭建中,使用到社会化网络的分享代码是比不可少的功能了。社会化网络分享功能可以为我们的网站快捷注入社交功能,成为站长提升网站流量的利器之一。而随着社会化媒体的蓬勃发展,社会化流量正在逐渐超越...

几个外贸企业网站常用的seo工具

几个外贸企业网站常用的seo工具

工欲善其事,必利其器,壹网互联的小编曾经介绍过不少SEO优化工具,在工具性能上来说国内外的SEO优化工具总是有少许差别,尽管对于大部分网站优化工作还得靠人工去做,但SEO工具作为辅助工具,是站长都应该...

facebook粉丝从0到1万+我们是怎么做到的?

facebook粉丝从0到1万+我们是怎么做到的?

  什么火追什么,这是潮流,也是趋势。现在火的外贸网站建设营销推广是什么,是social营销。  social营销好在哪?更接地气,和人们的生活联系更紧密。能实现病毒式传播,只要有人观看了内容并进行了...

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

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

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