如何在自己的网页中使用Google地图

可以在自己的网页中使用Google地图，最简单的方法是：

1.首先在http://code.google.com/intl/zh-CN/apis/maps/，注册Google API密钥。

2.复制以下代码到自己的网页：

<script src="http://ditu.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAcEGF_-3GOiyvtzkjQXPfoRQllSs0KifCgQzpJplfE6gSGiLJ3xSjGoVpjoIsC69p5BCp8PUpWZK9ow&hl=zh-CN" type="text/javascript"></script>
<!--红色的是Google API密钥-->
<script type="text/javascript">
function initialize()
{
 if (GBrowserIsCompatible())
 {
  var map = new GMap2(document.getElementById("map_canvas"));
  map.setCenter(new GLatLng(22.556311, 113.936252), 14);
  //坐标值
  map.enableScrollWheelZoom();//允许滚轮
  map.addMapType(G_PHYSICAL_MAP);//添加地形选项
  map.addControl(new GLargeMapControl());
  map.addControl(new GMapTypeControl());

var point = new GLatLng(22.556338, 113.936186);
  map.addOverlay(new GMarker(point));
 }
 }
</script>
<div id="map_canvas" style="width: 599px; height: 362px"></div>
<script type="text/javascript">
  initialize();
</script>

3.从其他可运行的地图中找到自己需要地点的坐标，填写在
  map.setCenter(new GLatLng(x, y)... 的位置(可以在Google Earth上找)。
  如上代码对应的位置是深圳南山科技园北区的大族激光附近。

时间： 2024-12-13 05:19:04

如何在自己的网页中使用Google地图的相关文章

在VC/MFC中嵌入Google地图——图文并茂

最近需要实验室需要将在无人机地面站中嵌入地图,在网上找了很多资料,终于有些眉目了, 首先,做这个需要用到的知识有,MFC控件.MFC类库.JavaScript脚本语言,Google API.Google离线地图:由于google离线地图不怎么会,首先从google在线地图开始. 下面总结一下这几天搞google地图的步骤,有附图,对MFC和JS脚本语言不懂的同学有用. 在线Google 地图步骤: (1).建立基于对话框的MFC工程. 由于我对MFC基本不了解,所以从网上下载了个例子,但是不知道

在网页中插入百度地图(实例)

步骤 1 2 3 如何在网页中插入百度地图呢? 2.切换城市,搜索需标注位置.(如下图 方法/步骤 1.进入:http://api.map.baidu.com/lbsapi/creatmap/(创建地图-百度地图API所见即所得工具,百度官方地址,大家放心使用) 切换城市,搜索需标注位置.(如下图:) 设置地图:大家可以对网站显示地图的宽高进行设置,其余选项不动. 添加标注:点击第一个图标后,在右侧找到自己的位置,单击鼠标左键可定位.标记图标处可更换图标形状,名称和备注填入位置相关信息.(如下图

在网页中加入百度地图

一.打开的图生成器 http://api.map.baidu.com/lbsapi/creatmap/ 二.创建地图 1.定位中心点,默认为北京,点击切换,输入公司的具体所在城市和具体地址.这个时候,地图会切换到该地点范围内. 2.设置地图,这一点基本上不用管,只用适当的设置下宽度和高度即可. 3.添加标注,其实网站建设者未必知道该企业的准确位置,往往不知道该标在哪.这时候,我们可以打开http://map.baidu.com/ ,查询到详细坐标,标注上去.这个标记图标是可以换的,根据自己喜欢来

如何在网页中添加百度地图

现在大多数网站都会在联系地址页面插入地图,鉴于目前谷歌网址不能打开的原因,因此百度地图应该成为网站开发者的首选. 楼主因为要搞这个小东西,所以顺便发一篇博客分享,其实网上资料很多,楼主也是参考了网上达人资料,主要目的是为了方便以后自己查看啦! 首先,打开百度地图生成器网址:http://dev.baidu.com/wiki/static/map/API/tool/creatMap/ 点击地图快速生成器,进入选择编辑页面,这里有三步: 第一步是定位中心点,意思就是选择你想要设置的大体位置. 第二步

第151天：网页中插入百度地图方法（不需要密钥）

今天分享一个在网页中插入百度地图的方法,不需要密钥哦,前两天,我试了好多次百度开发平台上使用百度地图的方法,都需要申请密钥,申请了,还是用不了,后来,终于发现了一个不需要密钥的方法,希望对需要的朋友有帮助! 1.打开百度地图生成器链接:http://api.map.baidu.com/lbsapi/creatmap/ 2.在左侧填写位置信息 3.设置地图宽高 4.给位置添加标注信息,可以修改标注图标,完成后点击保存 5.获取代码 将代码保存到文件里,可以命名map.html,在页面中引用时,注意

在网页中添加google搜索

网页中插入谷歌搜索,至于怎么上谷歌,后面有时间会更,推荐百度 1 <form method="GET" action="http://www.google.com.hk/search" class="form-group">//name属性不能更改 否则无法提交问题跳转到检索的页面,而是直接调到Google搜索的主界面 2 <input type="text" class="form-control

如何在网页中调用百度地图api

我想在木有提供地图接口的年代,前端工程师门要么只写上企业的具体地址,要么就是用一张标有自己位置的地图图片.但是现在不一样啦!为了增强用户体验,谷歌,甚至百度都很开放了,你可以在他们的网站上找到地图接口,通过进行直接的调用就可以了. 下面我来教你怎么在网页中用好百度地图,当然了,你也可以去百度地图网站去查找相关的技术资料. 首先你需要进入到百度地图官网http://developer.baidu.com/map/ .因为我们是用的脚本进行加载的,所以我们要选择上图中的第一个"javascript 

在自己的网页中嵌入百度地图

最近项目需要在网页中嵌入地图,于是在这里记录下网页嵌入百度地图和使用百度地图api自定义地图的步骤,需要的朋友也可以参考下 首先进入http://api.map.baidu.com/lbsapi/creatmap/,搜索自己想要显示的经纬度,即为定义的中心点坐标 其余的在代码中有注释,可以根据自己需要进行更改 <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Conte

在网页中插入百度地图

第一步:进入百度创建地图的网站http://api.map.baidu.com/lbsapi/creatmap/,搜索出自己要展示的位置,如下图所示. 第二步:设置地图,大家可以对网站显示地图的宽高进行设置,其余选项不动. 第三步:添加标注.点击第一个图标后,在右侧找到自己的位置,单击鼠标左键可定位.标记图标处可更换图标形状,名称和备注填入位置相关信息. 第四步:获取代码.将代码贴到你的网页里 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tra