openlayers4打开openstreetmap的做法

OpenLayers 是一个专为Web GIS 客户端开辟供给的JavaScript 类库包,用于实现尺度格局发布的地图数据拜候 。 今朝OpenLayers的最新版本是4.6.5 。 下面简要介绍OpenLayers4打开OpenStreetMap的做法 。

需要这些哦
vs2013
google浏览器
javascript代码
方式/
1打开https://openlayers.org/download/ 下载OpenLayers,如下图:

openlayers4打开openstreetmap的做法

文章插图

2利用vs2013新建一个ASP.NET Web应用法式:OpenLayers4Demo,如下图:

openlayers4打开openstreetmap的做法

文章插图

openlayers4打开openstreetmap的做法

文章插图

3新建一个index.htm,并设为肇端页,如下图:

openlayers4打开openstreetmap的做法

文章插图

openlayers4打开openstreetmap的做法

文章插图

4在 index.htm输入如下代码:

openlayers4打开openstreetmap的做法

文章插图

openlayers4打开openstreetmap的做法

文章插图

5【openlayers4打开openstreetmap的做法】单击调试按钮,启动浏览器就可以看到结果图了,如下图:

openlayers4打开openstreetmap的做法

文章插图


以上内容就是openlayers4打开openstreetmap的做法的内容啦,希望对你有所帮助哦!

    推荐阅读