通过自定义地图类型和arcgisserver rest接口实现叠加自己定制切图瓦片
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Google Maps JavaScript API v3 Example: Image MapTypes</title>
<script type="text/javascript" src="http://ditu.google.cn/maps/api/js?sensor=false"></script>
<script>
function LocalMapType() {}
LocalMapType.prototype.tileSize = new google.maps.Size(256, 256);
LocalMapType.prototype.maxZoom = 10;
LocalMapType.prototype.minZoom = 1;
LocalMapType.prototype.name = "本地";
LocalMapType.prototype.alt = "显示本地地图";
LocalMapType.prototype.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://192.168.1.101:8399/arcgis/rest/services/china/MapServer/tile/" + zoom + "/" + coord.y + "/" + coord.x ;
img.src = strURL;
return img;
};
var localMapType = new LocalMapType();
function initialize() {
var myLatlng = new google.maps.LatLng(34.611, 108.935);
var myOptions = {
center: myLatlng,
zoom: 6,
streetViewControl: false,
mapTypeControlOptions: {
mapTypeIds: ["本地", google.maps.MapTypeId.ROADMAP]
}
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
map.mapTypes.set('本地', localMapType);
map.setMapTypeId('本地');
}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width: 640px; height: 480px;"></div>
</body>
</html>
分享到:
相关推荐
一个简单的Android实现GoogleMapApi v2展示Demo,注意:需下载安装Google Play ,需自己在google官方申请地图API Key, 需依赖google-play-services_lib作为类库(google-play-services_lib已有)
googlemapapigooglemapapigooglemapapigooglemapapi
GoogleMapAPI3.8.6,
GooglemapAPI教程.docx
GoogleMapApi_Line 画线
googleMapAPI v3离线版,可以搭建google离线地图!
GoogleMapApi 中文帮助文档, GoogleMapApi 中文帮助文档,
一篇论文,知网上来的,关于谷歌地图的api使用的大家参考一下
安卓Android源码——写的googlemapapi应用.zip
google map api详细介绍google map api详细介绍google map api详细介绍
GoogleMapAPI是最新版本的谷歌地图3.30.4版本的离线开发包。本离线开发包支持谷歌地图离线开发。 包含以下文件: 1,基础API,gapi3。2,例tilemap子:demo.html;用火狐和chrome可直接打开。
GoogleMapAPI 简单的应用程序,可从Google Map调用Places API并以直观的方式显示它们。 特征: 链接面板到标记 所选标记将为绿色 导入的自定义标记
根据GoogleMapApi给出地名获取经纬度,给出经纬度获取地名(Java版本) RT
利用API接口实现Google地图网页内嵌,标点、划线、画区域,天气地图,添加控制栏,事件处理,图层叠加等功能。
最新谷歌离线包,html里面的js代码含...1、离线地图加载,缩小到第四级别可以看见离线地图。 2、影像图与路网图叠加 3、坐标系转换 4、两种不同风格的轨迹回放 5、添加marker点和信息 对于新手来说,非常具有参考价值。
本文提出并实现了一种基于GoogleMapApi的Android导航应用,能够给用户提供人性化和智能化的地图导航服务。
这是我从网上整理的资料,版权归原作者所有。 资料介绍了 Google Map API V2 的使用方法,可以使你轻松地在自己的网页中插入 Google 地图,并可随意添加自己的标签。
MyMapWithAPI 使用panoramioAPI和RecruitAPI和GoogleMapAPI。 必须使用API密钥才能使用Recruit API。 在APITester.js的第136行中,添加获得的API密钥而不是“ APIKey”。
一个简单的PHP+MySQL+JS+GoogleMapAPI
实现功能1. 1.使用浏览器在 googleMap 上选择地图点并获取地址。 2.使用浏览器查看符合搜索条件的最佳出行路线。 3. 3.从地址获取纬度/经度。 (谷歌地图地理编码 API) 四。获取满足搜索条件的最佳行车路线。 ...