ArcGIS for the Google Maps 的开发
2009-08-26 13:48
309 查看
哎哟!搞了一天终于把地图给弄出来了,总结总结。
1、Google Map出现
这个简单,但首先要申请Google账户,得到个密钥,然后就显示出地图了
Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title>Add TiledMapService to GMap</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<script src="http://maps.google.com/maps?file=api&v=2&key=DioG219lPJG3WTn3zmQqebsjVg" type="text/javascript"></script>
<script src="http://serverapi.arcgisonline.com/jsapi/gmaps/?v=1.4" type="text/javascript" ></script>
<script type="text/javascript">
var gmap = null;
var mapExtension;
var gOverlays = null;
function initialize() {
//Load Google Maps
gmap = new GMap2(document.getElementById("gmap"));
gmap.addControl(new GLargeMapControl());
gmap.addControl(new GMapTypeControl());
gmap.setCenter(new GLatLng(45.4447, -122.6335), 10);
gmap.enableScrollWheelZoom();
//create mapextension class to be used to add/remove results from the map.
mapExtension = new esri.arcgis.gmaps.MapExtension(gmap);
//create mapOptions to specify opacity, minResolution, maxResolution when adding to the map.
var mapOptions = {opacity: 0.75, minResolution:0, maxResolution: 19};
//create custom tile layer
var tiledmap = new esri.arcgis.gmaps.TiledMapServiceLayer("http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Portland/ESRI_LandBase_WebMercator/MapServer", mapOptions, addTiledMap);
}
function addTiledMap(gTileLayer) {
//Add tile layer as a GTileLayerOverlay using mapExtension
gOverlays = mapExtension.addToMap(gTileLayer);
}
</script>
</head>
<body onload="initialize();" onunload="GUnload();">
<div id="gmap" style="width: 500px; height:500px;"></div>
</body>
</html>
好了,这就不Server加到Google Map了。
1、Google Map出现
这个简单,但首先要申请Google账户,得到个密钥,然后就显示出地图了
Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title>Add TiledMapService to GMap</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<script src="http://maps.google.com/maps?file=api&v=2&key=DioG219lPJG3WTn3zmQqebsjVg" type="text/javascript"></script>
<script src="http://serverapi.arcgisonline.com/jsapi/gmaps/?v=1.4" type="text/javascript" ></script>
<script type="text/javascript">
var gmap = null;
var mapExtension;
var gOverlays = null;
function initialize() {
//Load Google Maps
gmap = new GMap2(document.getElementById("gmap"));
gmap.addControl(new GLargeMapControl());
gmap.addControl(new GMapTypeControl());
gmap.setCenter(new GLatLng(45.4447, -122.6335), 10);
gmap.enableScrollWheelZoom();
//create mapextension class to be used to add/remove results from the map.
mapExtension = new esri.arcgis.gmaps.MapExtension(gmap);
//create mapOptions to specify opacity, minResolution, maxResolution when adding to the map.
var mapOptions = {opacity: 0.75, minResolution:0, maxResolution: 19};
//create custom tile layer
var tiledmap = new esri.arcgis.gmaps.TiledMapServiceLayer("http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Portland/ESRI_LandBase_WebMercator/MapServer", mapOptions, addTiledMap);
}
function addTiledMap(gTileLayer) {
//Add tile layer as a GTileLayerOverlay using mapExtension
gOverlays = mapExtension.addToMap(gTileLayer);
}
</script>
</head>
<body onload="initialize();" onunload="GUnload();">
<div id="gmap" style="width: 500px; height:500px;"></div>
</body>
</html>
好了,这就不Server加到Google Map了。
相关文章推荐
- ArcGIS Extension for the Google Maps API(翻译)
- A .NET API for the Google Maps Geocoder
- Google has disabled use of the Maps API for this application
- ArcGIS API for JavaScript开发笔记(二)GP服务REST调用
- Arcgis for Android开发档案一(离线地图解决方案)
- 【教程连载】ArcGIS for iOS 开发系列(4) – 基础篇-地图组件
- ArcGIS API for javascript开发笔记(二)——解决ArcGIS Service中的服务在内网环境下无法进行javascript预览问题
- arcgis api for js入门开发系列十三地图最短路径分析
- ArcGIS API for javascript开发笔记(三)——解决打印输出的中文为乱码问题
- qml app 开发框架:AppStudio for ArcGIS
- 从解决“cmake:The C compiler identification is unknown”论为什么开发人员应该使用google
- ArcGIS API for Silverlight开发入门(8):在程序中使用Virtual Earth的服务
- arcgis api for flex 开发入门(二)map 的创建
- arcgis api for flex 开发入门(七)Geometry service 的使用
- ArcGIS for Android开发之MapView控件篇
- ArcGIS for iOS 开发系列(5) – 基础篇-手势和事件响应
- ArcGIS API for javascript(4.0)开发笔记 —— 自定义微件位置
- ArcGIS Runtime SDK for Android 10.2.5新开发平台安装配置指南
- A query was run and no Result Maps were found for the Mapped Statement 'com.atguigu.atcrowdfunding.p
- ArcGIS API for JavaScript开发初探——基本地图组件使用