1. <legend id='w0bf9sza'><style id='rbgxwetk'><dir id='d21rx2mp'><q id='c9bzvp5f'></q></dir></style></legend>
        <bdo id='a9pdqk8c'></bdo><ul id='zd1qhbx1'></ul>
    2. <i id='crm83lnb'><tr id='dnum695e'><dt id='wc3kbxiq'><q id='38lr712o'><span id='fkgizpp6'><b id='xf585vl5'><form id='v8sw488w'><ins id='pzp4iqbu'></ins><ul id='1crd1idx'></ul><sub id='fiv8bn3u'></sub></form><legend id='twa1uht5'></legend><bdo id='476pj2kj'><pre id='lk7hv1py'><center id='3im2oeoc'></center></pre></bdo></b><th id='aleqpzbl'></th></span></q></dt></tr></i><div id='658gvbyi'><tfoot id='bvt0yb24'></tfoot><dl id='5i9opqtx'><fieldset id='tl4e5thj'></fieldset></dl></div>
    3. <tfoot id='7cn2jim0'></tfoot>

        <small id='q98l1zc2'></small><noframes id='2ejah7dm'>

      1. 精准传达 • 价值共享

        洞悉互联网前沿资讯,探寻网站营销规律

        网页里嵌入谷歌地图教程

        作者: 庚午网络 | 2021-01-04 10:14 |点击:

        <legend id='z005vniw'><style id='thv3dais'><dir id='n77q71gb'><q id='1vx53f0v'></q></dir></style></legend>

        <small id='3cw4xja8'></small><noframes id='fkrbcaj4'>

        <tfoot id='ixjybpi4'></tfoot>

          <tbody id='6gq7odfq'></tbody>
            <bdo id='5oiudeql'></bdo><ul id='wjxgmpir'></ul>
              • <i id='5m5k0qad'><tr id='op2smgd5'><dt id='8cdkwhke'><q id='ux50ll2p'><span id='mpf2bsvh'><b id='v041zm31'><form id='db09jbi8'><ins id='zg292p3q'></ins><ul id='f427s2do'></ul><sub id='fa05ntt0'></sub></form><legend id='3nqsb7vt'></legend><bdo id='a99ipowr'><pre id='i6nu7f3o'><center id='8paplw1h'></center></pre></bdo></b><th id='013rqgd3'></th></span></q></dt></tr></i><div id='1qyq525y'><tfoot id='jesovbtc'></tfoot><dl id='w3mwd80a'><fieldset id='fkur2kcf'></fieldset></dl></div>

                  前言

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

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

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

                  谷歌嵌入地图生成

                  完整代码如下:

                  <iframe src="https://www.Google.com/maps/embed?pb=!1m18!1m12!1m3!1d391565.2558546159!2d116.11727013234623!3d39.9390731255796!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x35f05296e7142cb9%3A0xb9625620af0fa98a!2z5Lit5Zu95YyX5Lqs5biC!5e0!3m2!1szh-CN!2sjp!4v1499172397317" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

                   

                  但这个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。

                  解决方案二:调用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>
                      <p id="map"></p>
                      <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>

                   

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

                  二度创作,如有侵权请联系删除。如没特殊注明,文章均为庚午网络原创,转载请注明https://www.hngengwu.com/gengwuwenku/664.html

                    • <bdo id='gamibz01'></bdo><ul id='r10l6387'></ul>
                    <tfoot id='3rhjy62a'></tfoot>

                    1. <legend id='f6bmbiqm'><style id='dp2wc35k'><dir id='d1uiab3n'><q id='3sobtu4i'></q></dir></style></legend>
                    2. <small id='no1vwcz2'></small><noframes id='iayt3ty0'>

                      <i id='44b7a3fu'><tr id='mgjk4vi6'><dt id='xp8eiuiy'><q id='2jftqegp'><span id='2u4h0ljt'><b id='6gn9yvgz'><form id='i9cmzpil'><ins id='yrbpfoto'></ins><ul id='yeaeay49'></ul><sub id='30tsdbkh'></sub></form><legend id='q7ww235b'></legend><bdo id='vxn6sag0'><pre id='gq8e8b33'><center id='fpcf01w1'></center></pre></bdo></b><th id='utylhuhx'></th></span></q></dt></tr></i><div id='oc66yj7d'><tfoot id='4jknvgfi'></tfoot><dl id='qdgklt0k'><fieldset id='17gnvzn9'></fieldset></dl></div>
                      多一份策划方案,总有益处。

                      请直接添加技术总监微信联系咨询

                      网站设计 品牌营销

                      多一份参考,总有益处

                      联系庚午网络,获得专属《策划方案》及报价

                      咨询相关问题或预约面谈,可以通过以下方式与我们联系

                      业务热线:18574395938 / 大客户专线:18574395938