Openlayers之初始化地图

1、使用VS新建一个Web空白网站,然后将Openlayers3的开发库和样式文件复制到网站的根目录下;

Openlayers之初始化地图_第1张图片

2、新建一个HTML文档,并引入ol.js和ol.css;

3、在body标签中新建一个div作为地图加载的容器,然后设置其id为“map”;

4、代码实现





    加载并显示OSM地图
    
    
     


    
5、运行结果

Openlayers之初始化地图_第2张图片

你可能感兴趣的:(OpenLayers3)