ArcGIS API for JavaScript实现加载必应地图

加载最简单的基础地图和道路信息

（本例来自ArcGIS官方：加载必应地图）

如何将Bing地图的图层添加到地图、如何使用按钮在不同类型的地图之间切换

<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"><title>VE Tile Layer</title><link rel="stylesheet" href="https://js.arcgis.com/3.23/dijit/themes/claro/claro.css"><link rel="stylesheet" href="https://js.arcgis.com/3.23/esri/css/esri.css"><script>dojoConfig = { parseOnLoad: true };</script><script src="https://js.arcgis.com/3.23/"></script><script>dojo.require("esri.map");dojo.require("esri.virtualearth.VETiledLayer");// bing地图tiled层,在2.0中,bing地图是一个Keydojo.require("dijit.form.Button");//加载各个dojo包var veTileLayer;function init() {var map = new esri.Map("map");//Creates the Virtual Earth layer to add to the map//Example for adding a Bing Maps keyveTileLayer = new esri.virtualearth.VETiledLayer({bingMapsKey: '你的必应地图密钥',mapStyle: esri.virtualearth.VETiledLayer.MAP_STYLE_AERIAL//这句会显示bing地图的logo});map.addLayer(veTileLayer);}dojo.ready(init);</script></head><body class="claro"><div style="position:relative;"><div id="map" style="width:1024px; height:512px; border:1px solid #000;"><div style="position:absolute; left:650px; top:10px; z-Index:999;"><button data-dojo-type="dijit.form.Button" onClick="veTileLayer.setMapStyle(esri.virtualearth.VETiledLayer.MAP_STYLE_AERIAL);">Aerial</button><button data-dojo-type="dijit.form.Button" onClick="veTileLayer.setMapStyle(esri.virtualearth.VETiledLayer.MAP_STYLE_AERIAL_WITH_LABELS)">Aerial with labels</button><button data-dojo-type="dijit.form.Button" onClick="veTileLayer.setMapStyle(esri.virtualearth.VETiledLayer.MAP_STYLE_ROAD)">Roads</button></div></div></div></body>
</html>

申请Bing地图的密钥：必应地图

ArcGIS API for JavaScript实现加载必应地图相关推荐

ArcGis API for JavaScript学习——加载地图
ArcGis API for JavaScript开发笔记--加载地图在这个例子中使用的离线部署的API(请参见 http://note.youdao.com/noteshare?id=f42865 ...
ArcGIS API 3.29之加载高德地图、百度地图、天地图和谷歌地图
很早之前就有想写博客的念头,今天终于有时间静下心来写我的第一篇博客,在此庆贺一下! 好了,言归正传,作为一名刚接触WebGIS开发的小白,在构建应用的时候首先想到的是拿到一幅符合系统需求的底图,然后在 ...
ArcGIS API for JavaScript根据两个点坐标在地图上画线
ArcGIS API for JavaScript根据两个点坐标在地图上画线比如说a(xxxx,xxxxx),b(xxxx,xxxxx).利用这两个点画一条线 var polyline = new ...
在 ArcGIS Engine 应用程序中加载搜狗地图和谷歌地图。
在ArcGIS Engine 应用程序中加载搜狗地图和谷歌地图. Adding sogou map or google map in ArcGIS Engine application WebmapL ...
在ArcGIS Engine 应用程序中加载搜狗地图和谷歌地图
在ArcGIS Engine 应用程序中加载搜狗地图和谷歌地图. Adding sogou map or google map in ArcGIS Engine application WebmapL ...
arcgis api for javascript4.18加载天地图服务，并且加载自己的发布的动态地图服务
以arcgis api for javascript4.18 API为例: 遇到几个问题: 1.用户,特别是小白用户,不知道用什么API类来调用各种地图服务. 解决办法: 方法一:正向思考方法参考官 ...
ArcGIS API for JS4.7加载FeatureLayer，点击弹出信息并高亮显示
我加载的是ArcGIS Server本地发布的FeatureService,ArcGIS API for JS4.7记载FeatureLayer时,在二维需要通过代码启用WebGL渲染,在三维模式下, ...
ArcGIS API for javascript创建二维度地图
1.引用arcgis api for javascript <link rel="stylesheet" href="https://js.arcgis.com/4 ...
基于 GoogleMap 离线 API 源码在内网中加载卫星地图的方法
1. 概述我们之前为大家分享过在三维地球开源平台离线加载卫星影像的方法,主要包括基于桌面端的OsgEarth开源三维地球和基于Web端的Cesium开源三维地球等平台的局域网离线加载. 另外,也为大 ...

ArcGIS API for JavaScript实现加载必应地图

ArcGIS API for JavaScript实现加载必应地图相关推荐

最新文章

热门文章