openlayers 加载googlemap v3 遭遇弹出copyright 异常的解决

         最近部门开发一个项目,用openlayers调研谷歌地图V3做底图开发,结果总是弹出copyright提示,也就是谷歌对openlayers的调用时间的版权提示,据说原来调用V2不出这个问题。具体弹出内容是:地图数据,地图数据 ©2013 GS(2011)6020 AutoNavi  Imagery ©2013 TerraMetrics。(把这个打出来是方便其他人搜索)。

        原以为就是个小问题就没在意,没想到两周后审项目这个问题还在,虽然我对这块开发不太懂,但是觉得无非js、css之类的问题,自己试着解决如下。

 

         首先,百度搜索该问题,发现用“地图数据”等很难搜到有价值的东西,后来发现是我本身对这块内容不了解,但是为了让跟我一样人能快速解决问题,我写了这篇文章。

          继续百度,只是没发现较好的关键字,于是在“openlayers googlemap ”搜索中认真学习并开始自己边查边写一个openlayers访问googlemap、谷歌地图的实例,写的过程中发现两个文章
openlayers应用Google图层你必须做的  和
OpenLayers添加google地图层异常处理 ,基本上靠这两个文章解决的问题,下面详细描述下。

         在 openlayers应用Google图层你必须做的  这篇文章中,说明了调用googlemap的常用设置,并看到如下代码:

      //移除下边的logo 看着有使用说明啥的 确实不舒服
            $(“div“).remove(“.olLayerGoogleCopyright”);

            $(“div”).remove(“.olLayerGooglePoweredBy&gmnoprint”); 
         实验了一下,确实能去掉,但是必须是用jquery才能实现,而我们那个项目貌似没用jquery,所以继续看看有没有其他方法。

        

         OpenLayers添加google地图层异常处理   这篇文章最后解决了我的问题,不过说实在的, 这个标题很难让人联想到这个问题,怪不得我搜不到。。。

        原话是:

——————————————————

    处理方法: 
 
加入在页面加入:
Html代码:  
<link rel=”stylesheet” type=”text/css” href=”js/map/open/theme/default/google.css”>  
 
并修改该文件,加入如下代码: 
Js代码:  
div.olLayerGoogleCopyright,  
div.olLayerGooglePoweredBy{  
  display: none!important;  
}  

——————————————

       估计是我的理解有问题,我去各种方法找google.css下载,后来发现,他的意思是创建一个css而已,只是他想起名叫google,并不是要代替默认下载的css,

于是自己建立了一个google.css,然后实验通过。

        总结,在前端领域我还是个小学生,这个问题很简单,但是对于新手很难直接搜索到问题,所以想整理一下,分享给新手,同时非常欢迎大牛们给我指导下分析问题的思路怎样优化!

 

转载自:https://blog.csdn.net/god_mulu/article/details/8822041

You may also like...