此文章是vip文章,如何查看?  

1,点击链接获取密钥 http://nicethemes.cn/product/view29882.html

2,在下方输入文章查看密钥即可立即查看当前vip文章


高德地图API生成地图(含有各个省份边界线)

  • 时间:
  • 浏览:
  • 来源:互联网
<script src="https://webapi.amap.com/maps?v=1.4.2&key=524a418fec2e899a33ac8fa63ffb66cd666&plugin=AMap.DistrictSearch"></script>
<!-- UI组件库 1.0 -->
<script src="//webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>

function initMap(){
	smap = new AMap.Map('smap', {
        layers: null, //图层
        zoom: 3, //地图显示的级别
        zoomEnable: false,//地图是否可缩放,默认值为true。此属性可被setStatus/getStatus 方法控制
        keyboardEnable: false,//地图是否可通过键盘控制
        dragEnable: false,//地图是否可通过鼠标拖拽平移
        showLabel: false ,//不显示地图文字标记
        mapStyle: "amap://styles/4261c8dec313b784c0933324313428a8666",
    });
	//地图初始化显示中心点时向左平移
	smap.panBy(50 * enlarge, 60 * enlarge);//以像素为单位,沿x方向和y方向移动地图,x向右为正,y向下为正
	
	/*绘制小地图的各个省份的分界线*/
	AMapUI.loadUI(['geo/DistrictExplorer'], function(DistrictExplorer) {
	    //创建一个实例
	    var districtExplorer = new DistrictExplorer({
	        map: smap
	    });   
	    var adcode = 100000;
	    districtExplorer.loadAreaNode(adcode, function(error, areaNode) {
	        //清除已有的绘制内容
	        districtExplorer.clearFeaturePolygons();
	        //绘制子区域
	        districtExplorer.renderSubFeatures(areaNode, function(feature, i) {
	            return {
	                bubble: true,
	                strokeColor: "#B5B5B5", //线颜色
	                strokeOpacity: 1, //线透明度
	                strokeWeight: 0.6, //线宽
	                fillColor: "#EEEEEE", //填充色
	                fillOpacity: 0.35, //填充透明度
	            };
	        });	        
	    });
	});
}

 

效果图:

本文链接http://element-ui.cn/news/show-577109.aspx