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

如何在制作的网页中加入google地图？~

把以下代码贴到你的页面里：



function initialize() {
var latlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions = {
zoom: 8,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
}

用一个固定的代码文件 更改你的地址就可以了

1、定位中心点，就是你想要作为中心的位置。点击切换城市，输入就行。

2、再选具体位置。

3、设置地图宽高等参数。

4、添加标记等。

5、获取代码。

6、复制代码。粘贴到html文件中即可，然后只需要你进行页面布局修饰了 

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

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

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

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

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

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

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

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

看一个简单的静态地图URL：http://ditu.google.cn/staticmap?center=39.915175,116.389332&zoom=14&size=500x300&key=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的开发指南，能够解决你的一些常见疑问，当然了，你也可以在我的博客里找找你想了解的知识。

何当金络脑，

---

君山区13616088946： 如何在自己的网站上添加Google地图 - ？
殷勤宜美满： 在google地图左上角,左边的第一个链接“分享链接”点击一下,跳转到google地图自定义页面,在这里你可以自己定义google地图的大小(长跟宽),然后将“请复制此 HTML 并将其粘贴嵌入到您的网站上”下面的iframe标签内容粘贴放到网页你想放的位置即可.

君山区13616088946： 怎么样将google地图链接到自己的网页中来 - ？
殷勤宜美满： 在网页上做好标记之后,找到网页上的“分享或嵌入地图”-“潜入地图”,获取HTML代码即可.(frame方式)

君山区13616088946： 怎样在自己的网站上添加谷歌google地图?怎样在自己的网站上添 ？
殷勤宜美满： 将 Google 地图引入自己的当前网站的方法有两种,分别为 框架引用 和 通过 Google maps api 引用, 两种方法各有优缺点, 下面分别说一下通过框架引用Google 地图 操...

君山区13616088946： 网站中将谷歌地图指定区域内嵌的方法 - ？
殷勤宜美满： 打开谷歌地图然后移动到所想要区域并且调整到你需要的视角然后点 打印 发送 链接 这行里面的连接 然后复制 粘贴 HTML 以便嵌入网站 下面那行的URL如果需要精细调整可以点自定义并预览内嵌的地图此地图无法嵌入调整好后把下面那行代码复制即可PS:加点分好不好`我打这么多字……

君山区13616088946： 怎么在网站中插入google显示公司位置的地图? - ？
殷勤宜美满： 首先在地图上标识你们公司的位置,要有红箭头的那种 然后看地图左边有两个按键,一个是打印,一个是分享链接 你点分享链接,就会跳出个框框,里面有一个“粘贴 HTML 以便嵌入到网站”,下面就是代码 把这个代码放入你网站的网页里就可以了

君山区13616088946： GOOGLE地图怎么插入网页中?代码怎么写?？
殷勤宜美满： <p>右上角点击“分享连接”就会出现HTML代码(如图)</p> <p></p>

君山区13616088946： 如何在Html中插入谷歌地图 - ？
殷勤宜美满： 用text-align:center;居中或者写死width值后设置margin:0px auto;

君山区13616088946： 怎么在页面上添加GOOGLE地图 自定义自己的公司名 - ？
殷勤宜美满： 在Google搜索有些关键词时,会发现有些网站出现在google地图的旁边.那如何将你的网站添加到Google地图呢?1、登录Google网站管理员工具2、验证你将要添加商户的网站3、然后在工具-设置目标地理区域中,选择“将你的网站添加到...

君山区13616088946： ASP:如何将GOOGLE地图放到网页中去? - ？
殷勤宜美满： GOOGLE用得是MAPABC的数据~~你先到这里 http://code.mapabc.com/ 注册申请一个API KEY~~然后根据这个页面的说明在你网站的代码里植入地图 http://code.mapabc.com/quickstart.shtml关于地图的其它属性你可以在“进阶教程”中学到~

君山区13616088946： 怎么样把google地图加放到自己的网站？
殷勤宜美满： 加的是什么样子的? 是地区的还是酒店的,如果是酒店的,在GOOGLE地图上找到这个酒店的位置,标注好后,将地图代码放在网页上就可以了,你用的那个系统可以做成画中画,你明白的. map也有这个功能,也是一样的使用方法 还不清楚,QQ联系我