在制作网站中用到地图是非常容易见到的，在国内大多数都是用百度地图，但有时或许会用到海外地址，这个时候就只能用Google maps了，下面就介绍常用网站中用Google maps办法集合。
一，用框架引入Google maps
用框架引入Google地址是最简单的办法，不是专业开发职员也可以操作。登陆ditu.谷歌.cn地图，输入地址信息，如："成都东方明珠"，把地图移动到适合的视角，点击推荐链接后，有两个信息。第一个是一个网址，用于在浏览器中打开的；第二个是一个框架的代码，网站中一般用这个代码。把代码复制到网站中去就能了，里面可以自己设定度度，高度，语言等信息。
二，用Google mapsapi开发
Api开发需要要专业职员才能的，要会javascript,和简单的html。
Google mapsapi开发文档写的非常全（假如打不开请用fanqiang软件）：
说明文档：https://developers.谷歌.com/maps/documentation/javascript/tutorial;
办法调用说明：https://developers.谷歌.com/maps/documentation/javascript/reference
Api参考：https://developers.谷歌.com/maps/documentation/javascript/reference
示例代码：https://developers.谷歌.com/maps/documentation/javascript/examples/
文档写的非常详细，如果全部阅读下来至少要花几个月以上时间，对于不是全部依靠地图的网站来讲太多了，下面大家就，国外房产用到地图来演示。
1，首页大家要在网页中引入Google的javascript包：
注意：官方给出的是：https://maps.谷歌apis.com/maps/api/js 但由于Google被屏蔽是什么原因国内用这个Googleapi打不开，所以推荐使用谷歌.cn这个引用地址
2，地图函数
function initialize() {
var myLatlng = new 谷歌.maps.LatLng(32.9556728100,112.5659179688);//Google坐标地址
var mapOptions = {
zoom: 14,//这里是地图的放大缩小
: myLatlng
}
var map = new 谷歌.maps.Map(document.getElementById('map-canvas'), mapOptions);
var marker = new 谷歌.maps.Marker({
position: myLatlng,
map: map,
title: '这是我的地方'//坐标点提示
});
}
调用函数非常简单，只有一个函数，大致意思讲解一下：
var myLatlng = new 谷歌.maps.LatLng(32.9556728100,112.5659179688);后面的一串数字就是坐标点。
怎么样获得坐标点呢？
右上角有个"谷歌实验室"里面有个显示经纬度，启用。然后鼠标放在地图上找到点后右击选择"放置经纬度标记"，然后就能复制了。如下图：
var marker = new 谷歌.maps.Marker({
position: myLatlng,
map: map,
title: '这是我的地方'//坐标点提示
});
这段函数是在需要的地方上加个红色的标记，title是鼠标放在上面显示的文字，这个大多数都会用到的，假如无需把上面那段代码删除即可。
2，html中需有一个dom给地图展示的，在p上添加一个id为"map-canvas"即可，如：
3，函数写完将来，在页面加载好将来实行函数就能了，可以在body里添加onload="initialize()"，也可以放在jquery的ready函数里
下面给出完整的示例代码：
Google maps调用
html, body, #map-canvas {
height: 999px;
width:600px;
margin: 0px;
padding: 0px
}
假如一个网站中有多处用地图怎么用呢？这里我建议大伙打造一个单独的文件，用于显示地图的，如在根目录建议一个map.php，在iframe引用的时候传入坐标点，和标记即可。
下面我给出了个地图调用链接，假如你不想写代码的话也可以直接调用的：
https://www.cdcxhl.com/demo/map/index.php?zuobiao=32.9556728100,112.5659179688&title=Google maps标记
假如感觉要获得坐标太麻烦，有没直接传入地址就显示的呢？
Google maps这方面做的非常全，非常不错。Google maps给出了geocoder方向，也就是说通过地址去获得坐标。那如此就简单不少了，但美中不足的是在中国大陆有时打不开。此刻你是否有种*****(此处省略一万字)，
可以试着访问：https://www.cdcxhl.com/demo/map/map2.php?address=中国成都
把后面的地址改成你的地址看看是否就获得到了呢？具体代码右击源文件就看到了，这里就不做深入解说了。
这里大伙简单的介绍一些常见的功能，假如你要深入开发，还需要对官方的开发文档仔细阅读。
网页名字：网站制作中怎么样引入Google maps代码?本文来源：https://www.cdcxhl.com/news/33193.html
网站制作、网络营销推广公司-博久网络，是专注品牌与成效的网站建设，网络推广营销网站优化公司；服务项目有网站制作等
