所用相关资源文件下载及链接等在文章的结尾(其他自行查找)。
实现效果:
JS引用:【主要JS的引用,报错不出效果,建议换个人推荐方式,只需引入一个js】
官网示例:
<script type="text/javascript" src="supermap/examples/js/include-web.js"></script>
<script type="text/javascript" src="supermap/dist/classic/include-classic.js"></script>
或者
<script type="text/javascript" src="libs/iclient8c/libs/SuperMap.Include.js"></script>【个人推荐】
注:js引用文件链接路径自行修改。不出效果多数情况是引用文件找不到,请修改正确的链接路径。
<div >
<div id='' style=" position: absolute;left: 440px;top: 10px;
text-align: center;z-index: 999999">
<button type="button" style="padding: 7px 10px;"
class="btn btn-sm btn-success" onclick="initQuery()">初始化</button>
<!--<button type="button" class="btn btn-sm btn-success"
onclick="clearFeatures()">全部清除</button>-->
<!--<button type="button" class="btn btn-sm btn-success"
onclick="draw_plotLine()">生成路线</button>-->
</div>
<div id="map" style="border: 0px solid #3473b7;
width: 100%;height: 100%;background:#fff;z-index: 0;
padding: 0px!important;margin: 0px!important;"></div>
</div>