原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
向前学习谷歌笔记
Google Map API Version3 教程(一)：显示一个最基本的地图
Google Map API Version3 教程
1 实现一个地图：
head中引用：
script type=text/javascript src=/maps/api/js?sensor=true/script
Html里面合适的位置定义：
div id=map/
javascript文件:
window.onload = myLoad;
function myLoad()
{
lat = 23.14746;
lng = 113
var myLatLng = new google.maps.LatLng(lat, lng);
var myOptions = {
zoom: 15,
center: myLatLng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementByIdx_x(map), myOptions);
}
说明：zoom参数是地图的范围，参数越小，地图的范围就越大
center是地图的中心点，通过经纬度定义
mapTypeId：是地图的类型。有四种map可选，详见：/s/blog_4cdc44df0100u7zl.html
此时就可以显示中心点是（113，27）的地图了
google提供了4种地图类型，下面看一下四种类型的效果：
在定义google map的地图时候： lat = 23.14746;
lng = 113
var myLatLng = new google.maps.LatLng(lat, lng);
var myOptions = {
zoom: 15,
center: myLatLng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementByIdx_x_x_x(map), myOptions);
Google Map API Version3 教程(二)：地图的类型
mapTypeId这个参数有4个常量，分别对应4中地图类型：
MapTypeId.ROADMAP
效果如下：
MapTypeId.SATELLITE
效果如下：
Google Map API Version3 教程(三)：代码添加和删除marker标记
(2011-05-31 16:36:24)转载▼
标签： google
map
api
教程
marker 分类： WEB编程 Google Map API Version3 教程:在地图 通过代添加和删除mark标记
lat = 23.14746;
lng = 113
var myLatLng = new google.maps.LatLng(lat, lng);
var myOptions = {
zoom: 15,
center: myLatLng,
mapTypeId: google.maps.MapTypeId.TERRAIN
};
var map = new google.maps.Map(document.getElementByIdx_x_x(map_canvas), myOptions);
var marker = new google.maps.Marker({
position: myLatLng,
title: Hello World!
});
marker.setMap(map);
或者直接这样定义一个marker：
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
title: Hello World!
});
去掉marker的操作是：
marker.setMap(null);
示例
文档评论（0）