平台首页 开发中心 API
地图类API 添加标绘图层
如何在我们的网站上创建地图？
开始学习地图API最简单的方式是看一个简单的示例--首先创建一个地图。以下代码创建了一个741x380大小的地图区域 ： 


                                                                

                                                            

                                                        

                                                        

                                                    


                                                    
 下面我们分步向您介绍：

                                                    

                                                        

                                                            加载地图浏览API
                                                        

                                                        

                                                            
将下载的地图浏览API包解压后拷入网页所在的工程文件夹，将如下列代码所示的相对路径加入网页head节内引用。

                                                            

                                                                
                                                                    

                                                                        
                                                                            1.
                                                                        
                                                                        
                                                                            < !--引入地图框架-->
                                                                        
                                                                    

                                                                    

                                                                        
                                                                            2.
                                                                        
                                                                        
                                                                            < script src="http://服务器IP/DCIMapAPI/" type="text/javascript"  />< /script>
                                                                        
                                                                    

                                                                
                                                            

                                                        

                                                    

                                                    

                                                        

                                                            创建地图容器元素
                                                        

                                                        

                                                            
创建地图浏览应用程序需要在页面中创建一块区域用于显示地图内容，这个区域我们叫做地图容器，即在body中加入的一个div容器，其页面代码为：

                                                        

                                                        

                                                            
                                                                

                                                                    
                                                                        1.
                                                                    
                                                                    
                                                                        <div id="map_div" class="content"> </div>
                                                                    
                                                                

                                                            
                                                        

                                                    

                                                    

                                                        

                                                            参数初始化设置
                                                        

                                                        

                                                            
地图实例通过下列代码创建，其中，DCIMapConfig.mapInitParams是地图初始化参数。

                                                            

                                                                
                                                                    

                                                                        
                                                                            1.
                                                                        
                                                                        
                                                                            var map = new DCIMap("map_div", DCIMapConfig.mapInitParams);
                                                                        
                                                                    

                                                                
                                                            

                                                        

                                                    


                                                    

                                                        

                                                            加载图层到地图
                                                        

                                                        

                                                            
                                                                

                                                                    
                                                                        1.
                                                                    
                                                                    
                                                                        var layers = new DCIWMTSLayer(DCIMapConfig.vecMap.Url);
                                                                    

                                                                


                                                                

                                                                    
                                                                        2.
                                                                    
                                                                    
                                                                        map.addLayer(layer);