外贸企业网络营销

外贸企业网络营销

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

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

6年前 热度:2861 ℃

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

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

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

相关文章

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

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

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

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

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

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

外贸SOHO那些事儿

外贸SOHO那些事儿

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

外贸企业网站的图片如何优化更好

外贸企业网站的图片如何优化更好

外贸企业网站的图片如何优化更好一、图片内存大小和数量多少:一个页面图片不宜过多和单个图片不能过大,再牛的服务器,图片太多也会慢的,你可以有很牛x的服务器,但是别人并没有那么大的带宽。如果一个用户打开你...

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

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

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

外贸网站主色调的选择参考建议

外贸网站主色调的选择参考建议

壹网互联在给深圳外贸网站建设客户做网站的时候,客户经常会问:你觉得我们的网站适合什么颜色?哪个颜色会适合我们的行业?这里壹网互联统一整理一下比较多客户使用的颜色以及每种颜色代表的含义,提供客户参考!红...

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

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

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

 外贸公司/SOHO不做外贸网站,您怎么拓展销售渠道?

外贸公司/SOHO不做外贸网站,您怎么拓展销售渠道?

 外贸公司/SOHO不做外贸网站,您怎么拓展销售渠道?中小型企业更应该做外贸网站,从拿到外贸货源到产品品牌的宣传到产品的销售,都十分有好处。做外贸网站,能让国外的客户更加了解企业的发展和品牌...