龙v战

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::
Mapabc——地图标注(java版)

 

Html代码 复制代码
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head runat="server">  
  4.     <title>地图标注</title>  
  5.     <script src="http://app.mapabc.com/apis?&t=flashmap&v=2.2&key=98fadf9ac86088c6e7966e8949b1f5a3a6efe15d5c01eeb0e080fc298f8728c542a2b6f8d09d7e40"  
  6.         type="text/javascript"> </script>  
  7.   
  8.     <script type="text/javascript">  
  9.     var mapObj = null;   
  10.     window.onload = function() {   
  11.         //设置地图初始化参数对象   
  12.         var mapOptions = new MMapOptions();   
  13.         mapOptions.zoom = 10;   
  14.         //设置中心点为郑州   
  15.         mapOptions.center = new MLngLat("fjqennngoNKOI","hmlnnismtJGGM",0);   
  16.         mapOptions.zoom = 13;   
  17.         mapOptions.toolbar = DEFAULT;   
  18.         mapOptions.toolbarPos = new MPoint(0, 0);   
  19.         mapOptions.overviewMap = DEFAULT;   
  20.         //创建地图对象   
  21.         mapObj = new MMap("mapObj", mapOptions);   
  22.         registMouseAddMarker();   
  23.     }   
  24.     function onClick(e) {           
  25.         var ll = new MLngLat(e.eventX,e.eventY);   
  26.         var marker = new MMarker(ll);   
  27.         marker.id = "marker";   
  28.         mapObj.addOverlay(marker);   
  29.         var xy = marker.lnglat.lngX + "," + marker.lnglat.latY;   
  30.         document.getElementById("hdMapFlag").value = xy;   
  31.     }   
  32.        
  33.     function registMouseAddMarker() {   
  34.         mapObj.addEventListener(mapObj,MOUSE_CLICK,onClick);   
  35.         /*   
  36.         var point = parent.document.getElementById("hdMap").value;   
  37.         if (point != null && point != "") {   
  38.             var position = point.split(",");   
  39.             var ll = new MLngLat(position[0],position[1]);   
  40.             var marker = new MMarker(ll);   
  41.             marker.id = "marker";   
  42.             mapObj.addOverlay(marker);   
  43.         }   
  44.         document.getElementById("hdMapFlag").value = point;   
  45.         */   
  46.     }   
  47.   
  48.     function unregistMouseAddMarker() {   
  49.         mapObj.removeEventListener(mapObj,MOUSE_CLICK,onClick);   
  50.         //parent.document.getElementById("hdMap").value = document.getElementById("hdMapFlag").value;   
  51.         //window.parent.$.fadeD(0);   
  52.     }   
  53.     </script>  
  54. </head>  
  55. <body>  
  56.     <div id="mapObj" class="view" style="width:620px;height:420px"></div>    
  57.     <input type='button' name='a' onclick='javascript:registMouseAddMarker();' value='标点'/>  
  58.     <!---<input type='button' name='b' onclick='javascript:unregistMouseAddMarker();' value='确定标点'/>--->  
  59.     <input type="text" id="hdMapFlag" name="hdMapFlag" />  
  60. </body>  
  61. </html>  

 

 以上就是全部的地图标注代码，希望对于后来者会有所帮助。如果有想看页面效果的兄弟可以进入：

地图标注http://www.52cfml.com/demo/mapsite.html

另外还有一个用JS实现的日历控件，连接地址：

日历控件http://www.52cfml.com/demo/calender.html

 

posted on 2010-03-23 09:28  龙v战  阅读(1139)  评论(0)  编辑  收藏  举报