用OpenLayers 3加载Bing在线中文版地图

OpenLayers 3中提供了加载Bing地图的source ol.source.BingMaps,但是并不支持中文,构造函数的参数culture设置为中国是不行的,应该是Bing地图目前并没有提供中国区域的瓦片在线服务。但其实我们浏览Bing地图,看到的是中文版的地图。

那么能否直接加载我们看到的中文版的Bing地图呢?OpenLayers针对瓦片地图提供了ol.source.XYZ和对应的ol.layer.Tile,可以帮助我们加载,之前的离线瓦片地图就是通过这种方式加载的 。 下面用同样的方式,我尝试加载Bing地图,遇到了稍许麻烦,主要在Tile的url拼接上。下面直接上代码:




  演示在ol3中加载Bing在线地图
  
  



    

上面是完整代码,复制到本地保存成页面,然后根据OpenLayers 3的库的位置,修改一下代码中的库位置,即可打开浏览看到中文版的Bing地图了。

用OpenLayers 3加载Bing在线中文版地图_第1张图片
BingMaps.png

你可能感兴趣的:(用OpenLayers 3加载Bing在线中文版地图)