配置:
- 1.下载google地图的api。
- 2.google地图离线下载器下载离线地图,并将地图放入tomcat服务中。
- 3.GoogleMapAPIV3.zip为google的api。
- 4.gmap3v5.1.1.zip为jquery版本。
- 5.全能电子地图下载器旗舰版注册.rar由于文件太大,分为8部分都下载解压即可。下载后,先安装软件,然后将keygen.exe拷贝到安装根目录,执行后按步骤操作即可。
实现原理:由于google不提供离线混合图效果api,所以使用双图叠加进行实现
开发主要代码:
var localMapType = {
tileSize : new google.maps.Size(256, 256),
maxZoom : 14, // 地图显示最大级别
minZoom : 5, // 地图显示最小级别
name : "卫星",
alt : "显示本地地图数据",
getTile : function(coord, zoom, ownerDocument) {
var img = ownerDocument.createElement("img");
img.style.width = this.tileSize.width + "px";
img.style.height = this.tileSize.height + "px";
var strURL ="http://localhost/gis/maptile/sosomaps/satellite/";
strURL += zoom + "/" + coord.x + "/" + coord.y + ".jpg";//本地卫星图片服务器地址
img.src = strURL;
return img;
}
};
var localMapType2 = {
tileSize : new google.maps.Size(256, 256),
maxZoom : 14, // 地图显示最大级别
minZoom : 5, // 地图显示最小级别
name : "街道",
alt : "显示本地地图数据",
getTile : function(coord, zoom, ownerDocument) {
var img = ownerDocument.createElement("img");
img.style.width = this.tileSize.width + "px";
img.style.height = this.tileSize.height + "px";
var strURL ="http://localhost/gis/maptile/tianditu/overlay_s/";
strURL += zoom + "/" + coord.x + "/" + coord.y + ".png";//本地街道图片服务器地址
img.src = strURL;
return img;
}
};
var myLatlng = new google.maps.LatLng(31.131991, 121.23636);
var myOptions = {
center : myLatlng,
zoom : 9,
streetViewControl : false,
mapTypeControlOptions : {
mapTypeIds : [
google.maps.MapTypeId.ROADMAP,
google.maps.MapTypeId.HYBRID,//google自带的,混合图,必须联网才能使用,所以必须自己拓展。
google.maps.MapTypeId.SATELLITE,//google自带的,卫星图,在线的。
google.maps.MapTypeId.TERRAIN,//google自带的,街道图
'locaMap','locaMap2']//右上角切换图形按钮
}
};
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
map.mapTypes.set("locaMap", localMapType); // 绑定本地卫星地图
map.mapTypes.set("locaMap2", localMapType2); // 绑定本地街道地图
map.overlayMapTypes.push(localMapType2); // 注意:由于googole未开放混合图接口,所以此处将街道地图覆盖在卫星地图之上达到混合图效果。
map.setMapTypeId("locaMap"); // 指定显示卫星地图
分享到:
相关推荐
在实际应用中,"puerMap"可能是一个包含这些离线地图资源的目录或者文件名,它可能包含了不同缩放级别的地图瓦片图片,以及必要的JavaScript库和配置文件,用于驱动Google Map V3的离线功能。开发者可能需要编写额外...
在这个压缩包中,包含了使用Google Map API V3来实现离线地图的资源和数据。 首先,我们来看看`readme.txt`文件,它通常会包含关于如何使用这些资源的说明和指导。这个文件可能包括了安装步骤、配置细节、使用API的...
本项目聚焦于利用MFC(Microsoft Foundation Classes)框架创建一个能够显示Google地图的离线应用,同时也支持在线地图显示和坐标位置标记。 MFC是微软提供的一套C++库,用于简化Windows应用程序的开发。它封装了...
1.vue-baidu-map在线地图代码不用改动,只用按照文档添加baidu-api.js和baidu-init.js,并在vue依赖包 node_modules文件找到,修改vue-baidu-map的 index.js文件 就能完成离线配置 2.jar包可以免费下载百度地图瓦片...
"测试街道图.html"、"测试卫星图.html"以及"测试混合图.html"可能是用于展示不同地图类型的网页,它们可能通过与MapService.jar的交互来显示离线存储的地图瓦片。 4. **LeaderMap**:这可能是一个特定的地图库或...
在C#编程环境中,开发地图应用时,常常会用到GMap.NET库,这是一个强大的开源控件,支持在线和离线地图显示。本教程将详细讲解如何在C#窗体应用中集成GMap控件,实现离线地图的加载与显示。 首先,我们需要了解GMap...
GMap.NET是一款强大的开源库,专门用于C#和.NET Framework中的地图显示和地理编码。它支持多种在线地图服务,包括Google Maps,Bing Maps,OpenStreetMap等,并且具有离线地图的功能,允许用户在没有网络连接的情况...
在本文中,我们将深入探讨如何在Qt 4.8.6框架下加载并操作百度离线地图,包括街道图和卫星图的切换、地图标签的移动以及获取地图坐标并在Qt界面上显示的方法。Qt是一个跨平台的应用程序开发框架,而百度地图则提供了...
本文将详细介绍"谷歌离线地图含地图调用demo"这一资源,以及如何利用它进行离线地图的调用。 标题中的“谷歌离线地图”指的是能够在没有网络连接的情况下仍然可以访问和使用的地图服务。这通常通过预先下载地图数据...
4. **构建离线地图应用**:在"demo.html"中,你需要编写JavaScript代码来处理地图显示。当检测到网络不可用时,应用应从本地存储读取地图瓦片并显示。同时,当网络恢复时,应用需要能够更新地图,以保持与Google ...
3. **地图显示异常**:尝试重启应用或手机,若问题依旧存在,可能是地图数据损坏,需重新下载安装。 百度地图塞班版离线地图的安装与使用,为塞班手机用户提供了便捷的地图导航体验,尤其在没有网络覆盖的地区,其...
总结来说,百度地图离线API 1.3提供了一种在无网络环境下的地图解决方案,通过`map.xml`文件加载本地地图数据,实现了离线导航和定位。对于开发者而言,理解和掌握这一API能够极大地拓展应用的适用范围,提升用户...
《chinamap离线地图——探索地理信息与GIS技术的应用》 在当今信息化时代,地图不再仅仅是纸质形式的存在,而是发展成了数字形态,为我们的生活提供了极大的便利。"chinamap离线地图.rar"就是一个典型例子,它展示...
1. **谷歌地图API基础**:谷歌地图API允许开发者将交互式地图集成到他们的网站或应用中,提供地图显示、定位、路线规划、地理编码(地址转经纬度)和逆地理编码(经纬度转地址)等功能。 2. **API版本管理**:版本...
离线地图的实现是针对那些在无网络或者网络不稳定环境下仍需使用地图服务的应用场景而设计的解决方案。这种技术的核心是将在线地图服务中的大量地理信息数据预先分割、存储,并在本地进行访问,以实现地图的浏览和...
Labview在线离线混合地图是一种高级的开发工具,它整合了.NET框架的特性,为用户提供了一种在Labview环境中创建和操作地图的独特方式。这种技术允许开发者在无需互联网连接的情况下,利用离线地图数据,同时结合在线...
离线地图的数据来源多样,包括公开的地理数据如OpenStreetMap,或者商业地图提供商如谷歌、百度等提供的API。数据获取后需要进行预处理,包括数据裁剪(只保留用户感兴趣或常用区域的地图数据)、分块(将大地图划分...
地图切片下载器,支持谷歌、百度、高德等地图,可以转换数据实现离线地图发布
3. 管理存储空间:Google Map会显示离线地图所占用的存储空间,并允许用户删除不再需要的地图包以释放空间。 4. 离线搜索与导航:下载后的离线地图支持基本的地点搜索和路线规划,尽管可能不包含实时交通信息和最新...
它支持多种地图服务,包括谷歌地图、百度地图、腾讯地图和高德地图,使得开发者可以方便地在应用程序中添加地图显示、定位、路径规划等功能,而且它还支持离线地图的下载和使用。 一、GMap.NET概述 GMap.NET是基于...