OpenLayers5中无法import解决方法

    本文参考此文：https://blog.csdn.net/qq_35505699/article/details/80858425

   OpenLayers5版本中引用ol.js的方式是import，如果直接复制官网例子到HTML中是无法运行的，由于import是ES6中的语法，因此无法直接copy运行，除非完整下载官网示例。

    根据不同情况，有2种解决方法：

    一、项目确定有联网环境。可以按照官网的例子，使用ES6语法，但是得参考https://github.com/openlayers/ol-webpack方式；

   二、无法确保项目有联网环境，建议下载官网的ol.js和ol.css，在HTML中引入，在new各种ol的类的时候，加上前缀包名。下面放一个例子，先放OpenLayers官网的第一个例子的代码：

  
    
    
    
    

    
  
  
    Go to map
    

    Zoom out
    Zoom in
    
  

下面放改造之后的代码：

  
    
	
	

    
  
  
    Go to map
    

    Zoom out
    Zoom in