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

最新推荐文章于 2024-05-11 16:15:00 发布

bob007abc

最新推荐文章于 2024-05-11 16:15:00 发布

阅读量3.5k

点赞数 1

分类专栏： Web开发学习笔记

本文链接：https://blog.csdn.net/bob007abc/article/details/8110641

版权

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

摘要由CSDN通过智能技术生成

使用第三方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 Ph

最低0.47元/天解锁文章

bob007abc

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
OpenLayers系列(3)——使用第三方地图API(GoogleMap)，聚合多个地图数据

使用第三方API及地图数据首先是一个调用GoogleMap的例子 My OpenLayers Map //引用Google地图在线脚本 var map; function init() { map = new OpenLayers.Map('map_element', {});
复制链接

扫一扫