怎么才能把google地图般到自己的网站上

分类: 电脑/网络 >>互联网

问题描述:

怎么才能把google地图般到自己的网站上

解析:

6月21日 14:53 (1)//maps.google/ 进入之后点击地图右上角的satellite,即可看见Google卫星地图

(2)或到//4.sky/soft/23235下载一个Google Earth,安装使用

不过,google earth主要面向美国用户,所以只有英文版.

但我们可以用

该回答在6月21日 15:01由回答者修改过

揪错 ┆

先给出代码及显示效果.

这是一个最简单的 谷歌地图 Demo.

只需要这样一小段代码,就可以在自己的网站上把 谷歌地图 模块加载进来.

解析各段代码的意义:

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>

这一行代码的意思是将google api以链接的形式引入到该页面上.这也是最主要的代码.如果没有这一句代码,下面的各个 google map 函数将不会被浏览器所认可.

function initialize() { var mapOptions = {zoom: 8,center: new google.maps.LatLng(-34.397, 150.644) } map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions)}

initialize 是一个加载初始化函数.当网页第一次被加载的时候会被调用,里面是对 谷歌地图的 地图等级,中心点进行相对的设置,同时将其放到自定义的 map-canvas div当中.

google.maps.event.addDomListener(window, 'load', initialize)

这句话的意思就是当网页加载完成后,去调用 initialize 函数.从而实现地图载并显示在网页里的效果.

下面的地图中,有一个定位点,点击该定位点,可以对其进行地图图层的放大 *** 作,地图中心点的偏移 *** 作.

这一段代码主要是添加标记到地图当中,然后对标记的点击事件做出响应.

google.maps.event.addListener(map, 'center_changed', function() {// 3 seconds after the center of the map has changed, pan back to the// marker.window.setTimeout(function() { map.panTo(marker.getPosition()) }, 3000) })

解析:

在地图上监听中心点变化时所触发的事件,意思就是说,当地图的中心点被移动到了别的地方,那么会在3秒后,回到以标记点为中心的地图上.

google.maps.event.addListener(marker,'click',function(){

map.setZoom(8)

map.setCenter(marker.getPosition())

})

解析:

对地图上的标记点进行点击的时候,会执行 function里面的函数,也就是将地图的图层等级设置为8,设置地图的中心点为 marker 标记的中心点.

在Google搜索有些关键词时，会发现有些网站出现在google地图的旁边。那如何将你的网站添加到Google地图呢？

1、登录Google网站管理员工具

2、验证你将要添加商户的网站

3、然后在工具-设置目标地理区域中，选择“将你的网站添加到Google地图”打开后一般显示的是英文的，右上角有选择中文菜单。

4、选择添加新列表就会出现表单要填写。基本上都很好填，不过注意“公司/机构:”这一栏必须包含你要优化的地域关键字。另外在“说明：”这一栏中也需要组织一些包含关键字的语句来进行描述。

5、填写完毕后，在线提交，Google美国总部就会按照你刚才填写的地址发送验证码给你。

6、收到验证码，再次登陆商户中心，进行激活 *** 作。

注意：

1.对地域关键字有效

2.一般来讲从提交到收到验证码大概需要1-2个月的时间。激活后到网页表现大概需要1个月的时间。

---