如何向网页中嵌入谷歌英文地图

前言


百度地图目前不支持英文,所以如果想向网页中嵌入英文地图的话只能使用谷歌地图。

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

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

谷歌嵌入地图生成


完整代码如下:


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

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


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

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

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












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


解决方案二:调用Maps JavaScript API

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


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

另外,同样需要申请API.



  
    
  
  
    

My Google Maps Demo


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






你可能感兴趣的:(JavaScript)