OpenLayers 是一个用于开发WebGIS客户端的JavaScript包。 OpenLayers 支持多种常用的地图来源，包括天地图、百度地图、高德地图、ArcGIS地图、Bing地图、OSM地图、Google地图等。 本文介绍了如何在 OpenLayers 中加载不同类型的地图数据源，包括天地图、百度地图、高德地图、ArcGIS、Bing Maps、 Open StreetMap (OSM) 和 Google 地图。针对每种数据源，本文提供了相应的示例代码，展示了如何使用专用加载器或通用加载器实现底图加载。通过遵循本文的示例和指南，您可以轻松地将各种地图数据源添加到您的 OpenLayers 项目中，并根据自己的需求进行修改和调整。 this.styles装了几个样式，这里循环把每个样式的图层都加载到地图上了，都设置了图层不显示visible: false，并且给每一个图层设置了一个name，方便后面切换。接下来来看一下如何加载BingMaps，首先需要去申请一个key，我申请了一下，流程不难，这里贴一个别人写的申请流程。如果在加载地图时设置placeholderTiles为false那地图就会拉伸图片来替代默认图片。加一个下拉框绑定事件，选择某一个样式时把其他图层隐藏，只显示当前这一个。Bing Maps地图使用。 openlayers 加载bing地图 注：需要bingmap网站提供的许可key，注册微软账号就有了，https://www.bingmapsportal.com/Application# 转载于:https://www.cnblogs.com/dqygiser/p/10463986.html... <title>栅格瓦片切换</title> <meta charset="utf-8"> <meta name="keywords" content="keyword1,keyword2,keyword3"> <meta name="description" content="this is my page"> 静态地图指定是非地图投影的普通地图，比如平面图，规划图，室内建筑等。偶尔会添加简单标注，定位，文字等。 open layer 中的source类：ol.source.ImageStatic可以满足此需求。但本次例子只涉及imageStatic的地址切换。大致思路：判断是否是imageStatic实例，若有则删除原先存在的，再把最新的进行赋值。本例子仅供参考，建议多去官网查询api。官网地址：https:// openlayers .org/ 及 openlayers 3例子：http://develop.smaryun