OpenLayers系列(3)——使用第三方地图API(GoogleMap)，聚合多个地图数据

最新推荐文章于 2024-05-17 23:07:47 发布

原创

最新推荐文章于 2024-05-17 23:07:47 发布 · 3.8k 阅读

4 ·

CC 4.0 BY-SA版权

本文介绍如何在OpenLayers中使用GoogleMap API，并聚合来自不同地图服务器的数据。内容涉及引用第三方脚本、创建图层对象、理解投影规则以及实现不同地图数据的统一投影和显示。

使用第三方API及地图数据

首先是一个调用GoogleMap的例子

<!DOCTYPE html>
<html lang='en'>
<head>
    <meta charset='utf-8' />
   <title>My OpenLayers Map</title>   
    <script type='text/javascript' src='OpenLayers.js'></script>
	<script type='text/javascript' src='http://maps.google.com/maps/api/js?sensor=false'></script>//引用Google地图在线脚本
    <script type='text/javascript'>

        var map;

       function init() {
           map = new OpenLayers.Map('map_element', {});

           var google_hybrid = new OpenLayers.Layer.Google(//创建Google图层子类
					"Google Hybrid",
					{type: google.maps.MapTypeId.HYBRID}//当前google支持的map type之一
				);

		   var google_physical = new OpenLayers.Layer.Google(
					"Google Physical",
					{type: google.maps.MapTypeId.TERRAIN}
				);

		   var google_satellite = new OpenLayers.Layer.Google(