google地图嵌入网站（谷歌地图接入）

今天给各位分享google地图嵌入网站的知识，其中也会对谷歌地图接入进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

怎么在网页中嵌入谷歌地图

1、最简单的方法 ——使用谷歌地图主页的"链接"

如果你只需要在自己的页面上显示某个特定范围的地图，比如你的公司所在地，但是不需要在地图上添加任何额外的内容，比如标记、折线等等，那么，使用这个方法来嵌入谷歌地图是最简单的。

登录谷歌地图主页，定位你需要显示的范围后，点击地图左上角的“链接”，会出现一个信息框，给出两个输入框，把第二个输入框中的内容拷贝到你的页面上就可以了。

其实，这段嵌入代码就是一个iframe的声明，所以，虽然地图主页提供一个自定义地图并预览的功能，但是只能自定义地图的大小，如果需要的话，我们完全可以通过手动修改这个iframe声明来实现更多的自定义，比如，给这段iframe加上自定义的样式。

2、最精简的方法 ——使用谷歌静态地图

如果你需要显示某个特定范围的地图，而且需要在地图上加上一些标记、折线。但是，你并不在乎你网页上的地图能否拖拽，那么，这个静态地图应该就是你需要的了。

所谓静态地图，意思就是你在页面上嵌入的其实只是一个GIF图片，这个GIF图片是你通过URL从谷歌动态获取的，这样的嵌入地图就有别于我们常用的“动态”地图了，而且，加载这样的地图，比加载一个完整的地图要快捷的多。

要在你的页面上使用这样的静态地图，只需要使用一个img标签，把这个标签的src属性指定为谷歌静态地图的url就可以了。

看一个简单的静态地图URL：http://ditu.google.cn/staticmap?center=39.915175,116.389332zoom=14size=500x300key=YOUR_KEY_HERE

在这个URL中，你可以编辑center、zoom、size这些参数来指定地图的中心点、缩放级别、地图大小等等，当然，如果需要在地图上添加标记、折线，你还可以加上对应的参数。不过，不用担心你要记住这么多参数，这里有一个定制静态地图的向导，简单的几步就可以得到你需要的URL了。如果有兴趣，可以去研究一下谷歌静态地图的API文档。

严格来说，谷歌静态地图也是谷歌地图API的一种，所以，使用静态地图是需要你的谷歌地图API密钥的，如果你之前定义过地图API的密钥，直接copy过来就可以了，不需要再去注册。如果你不知道密钥是怎么回事，那就看看我之前对密钥的解读吧。

3、最自由的方法 --使用谷歌地图API

如果上面两种方式都不能满足你的需求，那么，就来试试谷歌地图API吧。虽然谷歌地图API已经细分为JavaScript、Flash、Earth、Static等等多个版本，但是，在我看来，JavaScript API是谷歌地图API的根本，所以，在我的博客里，除非特别指明，说到谷歌地图API都是指谷歌地图JavaScript API。使用这个API，你可以用你愿意的任何可行的表现形式在地图上展现你的数据，甚至可以把你自己的地图做的比谷歌地图还漂亮。

要使用这个API在页面中嵌入地图，简单的步骤就是：

1）使用JavaScript标签导入地图API类库；

2）在页面上定义一个装载地图的元素，通常使用一个div标签，指定width和height;

3）在你的JavaScript代码中new GMap2(document.getElementById("your map container's id"));

4）使用GMarker、GPolyline等API中提供的类定制你要在地图上添加的标记、折线等等。

详细的创建谷歌地图过程可以看看我的“使用JavaScript创建地图步骤详解”。但是，要想自如的使用这个API，你需要具备一定的JavaScript知识和动手能力，此外，强烈建议你先读读谷歌地图JavaScript API的开发指南，能够解决你的一些常见疑问，当然了，你也可以在我的博客里找找你想了解的知识。

怎么样把google地图加放到自己的网站

谷歌地图界面左侧有一个【分享链接】按钮，点击它，第二个选项就是复制代码，然后将当前地图嵌入你的网站

怎么把google地图加到网页上去？

google地图右上角有链接的按扭，点击后出先两个文字框，上面的是用于电子邮件或者即时消息发送用的链接地址，下边的文字框内是html代码，你全选下边的html代码，然后粘帖到你想放置地图的页面上即可。

注：你需要有一定的html编写的能力才行。

GOOGLE地图怎么插入网页中？代码怎么写？

不要这么麻烦吧，人谷歌都帮你弄得那么完美了，你何苦再自己写这么多的JS代码呢？

在谷歌上查出地图位置，点击右上角有个“分享连接”的链接，把下面那段代码Copy到你自己的网页需要显示的地方就OK了，不仅可以气泡显示地标，而且点击后不会消失，我都是这样做的。

这段代码就是我在谷歌中复制的（但是位置不是你要的，你要什么位置搜出来点击一下“分享链接”代码就出来了）：

iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src=";ie=UTF8ll=35.86166,104.195397spn=36.622079,57.568359z=4brcurrent=3,0x31508e64e5c642c1:0x951daa7c349f366f,1%3B5,0,1output=embed"/iframebr /smalla href=";ie=UTF8ll=35.86166,104.195397spn=36.622079,57.568359z=4brcurrent=3,0x31508e64e5c642c1:0x951daa7c349f366f,1%3B5,0,1source=embed" style="color:#0000FF;text-align:left"查看大图/a/small

做网站，怎么给页面添加谷歌地图？

将 Google 地图引入自己的当前网站的方法有两种,

分别为 框架引用 和 通过 Google maps api 引用, 两种方法各有优缺点, 下面分别说一下

通过框架引用Google 地图 操作上便捷容易, 适合对代码不是很掌握的同学使用

缺点就是 定制性相对较差 页面中引入了框架结构.

通过Google maps api的方式引入Google 地图相对定制性较强, 应用面更宽泛一些

缺点就是需要自己有一定的动手能力.

废话说完 下面开始动手 实际操作如何将 Google 地图引入自己的网站;

先说 第一种方法 框架引用

一 登录自己的google 帐户 (不登录也可以)

二 打开 http://maps.google.com/

三 在搜索框中输入自己想要在地图上标注的地址信息 (参见图 1 黄色高亮标注)

四 右上角 工具栏点击 link , 复制位于 Paste HTML to embed in website 下的调用代码 (参见图 1 绿色高亮标注)

五 打开自己的Zen Cart 并进入后台 然后 工具 简易页面 关于或联系我们 将Google 地图调用代码粘贴在适当的位置 上即可;

。。。。。

具体内容转自http://www.xiaochaospace.com/?p=8

关于google地图嵌入网站和谷歌地图接入的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。