工作中要用到,所以看了下,第三版无需key,这点很爽...
与第二版 很多API均做了改写... 很多方法被移除,边看便用,现在终于改完了... 日
// <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
var PhotoMap = function(){
this.map = null ;
this.geocoder = null ;
this.initMaker = null ;
this.initialize = function(){
var latLng = new google.maps.LatLng(39.92, 116.46);
var mapOptions = {
zoom: 4 ,
center: latLng ,
mapTypeId: google.maps.MapTypeId.ROADMAP
} ;
// 初始化地图对象
this.map = new google.maps.Map(document.getElementById('map'),mapOptions);
// 初始化标志对象并加到地图上
this.initMaker = this.createMaker(latLng,this.map,"Here") ;
// 初始化地址查询对象
this.geocoder = new google.maps.Geocoder();
// 绑定地图点击事件
var _this = this ;
google.maps.event.addListener(this.map, 'click', function(event){
if(event.latLng){
_this.initMaker.setPosition(event.latLng) ;
$("#mapx").val(event.latLng.lat());
$("#mapy").val(event.latLng.lng());
$("#mapzoom").val(_this.map.getZoom());
console.log("点击位置 [经度: %s ;纬度: %s ;缩放级别: %d]",event.latLng.lat(),event.latLng.lng(),_this.map.getZoom());
}
});
} ;
this.createMaker = function(latLng,map,title){
return new google.maps.Marker({position:latLng,map:map,title:title});
} ;
var adderssMakers = [] ;
this.createAdderssMakers = function(address){
this.initMaker.setVisible(false) ;
this.clearAdderssMakers() ;
var _this = this ;
this.geocoder.geocode({address: address}, function(results,status){
console.log(results,status);
if (status == google.maps.GeocoderStatus.OK) {
document.getElementById("divOutput").innerHTML = "成功("+results.length+")<br />";
for (var i=0; i<results.length; i++) {
var latlng = results[i].geometry.location ;
var maker = _this.createMaker(latlng,_this.map,i+1 + '') ;
adderssMakers.push(maker) ;
var address = results[i].formatted_address; // 地址
if( i == 0 )
{
_this.locate(latlng);
}
document.getElementById("divOutput").innerHTML += ( (i+1) + " " + address + " <small>"+latlng.toString()+"</small> <a href=javascript:go("+latlng.lat()+","+latlng.lng()+")>go</a><br />" );
}
}
});
};
this.clearAdderssMakers = function(){
for (i in adderssMakers)
adderssMakers[i].setMap(null);
adderssMakers = [] ;
} ;
this.go = function(lat,lng){
return this.locate(new google.maps.LatLng(lat,lng)) ;
} ;
this.locate = function(latlng){
var _this = this ;
this.geocoder.geocode({latLng: latlng}, function(results,status){
console.log(results,status);
if (status == google.maps.GeocoderStatus.OK) {
_this.map.panTo(latlng) ;
_this.map.setCenter(latlng);
_this.map.setZoom(14) ;
_this.clearAdderssMakers() ;
_this.initMaker.setPosition(latlng) ;
_this.initMaker.setVisible(true) ;
$("#mapx").val(latlng.lat());
$("#mapy").val(latlng.lng());
$("#mapzoom").val(_this.map.getZoom());
console.log("点击位置 [经度: %s ;纬度: %s ;缩放级别: %d]",latlng.lat(),latlng.lng(),_this.map.getZoom());
}
});
} ;
this.initialize() ;
} ;
var pMap = null ;
$(document).ready(function(){
pMap = new PhotoMap();
});
function showLocation() {
document.getElementById("divOutput").innerHTML = "搜索中...";
var address = document.getElementById('address').value;
return pMap.createAdderssMakers(address);
}
function go(lat,lng)
{
return pMap.go(lat,lng);
}
FireFox上测试通过
分享到:
相关推荐
一直在找一款好的手机地图软件,找了很久才找到这款GoogleMap手机版,绝对强悍,绝对免费(当然要耗流量),支持强大的搜索,地图视图和卫星视图切换,大公司的产品就是不一样
NULL 博文链接:https://xiongjiajia.iteye.com/blog/1582339
谷歌MAP API 第三版 离线查看,pdf格式,方便查阅,下完记得评论,可以返积分
NULL 博文链接:https://yx200404.iteye.com/blog/1157956
google手机地图,从国外google网站上下载的第三版中文版,国内只能下载到第二版,s60V3的
《疯狂Android讲义(第3版)》全面介绍了Android应用开发的相关知识,全书内容覆盖了Android用户界面编程、Android四大组件、Android资源访问、图形/图像处理、事件处理机制、Android输入/输出处理、音频/视频多媒体...
第三单元:地理信息系统基础概论及GIS数字地图与遥感制图 主讲人:GIS硕士、南京路川公司专业技术开发工程师 第四单元:国际最优秀GIS最新技术应用---ARCGIS9.2/9.3系列专题 1、介绍目标前国际上最优秀的GIS软件...
Gis googlemap gmap 地图 谷歌地图,提供网页版地图开发方案,单机版地图开发方案,第三方控件开发方案.
9.6 移动版Google Map 9.7 规划导航路径 9.8 移动设备上的Picasa相册 9.9 随身翻译机 9.10 通过YouTube ID调用YouTube播放影片 9.11 Google Analytics分析手机用户行为 第10章 创意Android程序...
本書在初級教學中不預設...在應用教學裡,本書選擇了 Android 平台最實用的「SQLite 資料庫」應用程式,與最特殊的「Google Map」地圖應用程式來介紹,可以滿足絕大多數讀者想要儘快從入門階段切換到實際應用的需求。
为了让用户能尽快使用第三版API,Google已经在实验室中将其基本的功能发布,点这里可以查看文档,当然全部功能并没有完全开发好,用户可以对其提供一些使用上的反馈,用户使用第三版API并不用重写以前mashup的旧代码...
谷歌地图第三版(v2)简单案例,一看就明白,第二版(v2)需要申请key,一个ip地址要对应一个key,麻烦,而且现在还申请 不到了
疯狂Android讲义第二版 李刚著 电子工业出版社 2013年3月第1版 【分三个压缩包,需把三个压缩包下载完】 疯狂Android讲义(第2版)完整清晰版....第17章 使用Google Map服务 第18章 疯狂连连看 第19章 电子拍卖系统
而且作为该书的第三版,本书介绍了Google的很多新功能,包括: 1,使用Google聊天工具Google Talk 2,创建定制的Google Map,并且把它添加到自己的站点中 3,擦除搜索路径,保护浏览隐私 4,把Google查询转换为RSS...
3.第三位Z * Z defines DPI: 0 for universal 2 for 160 4 for 240 6 for 320 8 for 480 // MX5选这个就行了 Notes: It seems that -7YZ builds became -4YZ with Google Play services 6.5. If you were on -7YZ ...
疯狂Android讲义第二版 李刚著 电子工业出版社 2013年3月第1版 【分三个压缩包,需把三个压缩包下载完】 疯狂Android讲义(第2版)完整清晰版....第17章 使用Google Map服务 第18章 疯狂连连看 第19章 电子拍卖系统
第三部分描述了一个经过裁剪的、适合我们的基于集群 的计算环境的MapReduce实现。第四部分描述我们认为在MapReduce编程模型中一些实用的技巧。第 五部分对于各种不同的任务,测量我们MapReduce实现的性能。第六部分...
googlemap v3与v2比较除了省去换key的麻烦,v3速度上明显要比v2快。