关于google静态地图

目前显示为 ，
我需要的是  就是给maker加说明，在动态js版本的api里面用infowindow，可以用maker.openInfowindow()  ,这个静态里面没有关于设置标记说明的，但是我在iphone上面看见一个叫酣逗地图的应用里面，也是查看地图图片，看见对标记有说明，我在想怎么添加的？静态apihttp://code.google.com/intl/zh-CN/apis/maps/documentation/staticmaps/#CustomIcons有自定义图标的，难道是程序绘制了一个包含标记和说明的图片作为标记？不会这么麻烦吧求大虾帮忙解惑

解决方案 »

  1.   

    解决了，通过js画了个div显示了。
      

  2.   

    z-index 盖在上面 ？<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Google Maps JavaScript API Example</title>
        <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=abcdefg&sensor=true_or_false" type="text/javascript"></script>
        <script type="text/javascript">
        window.onload =  function load(){
           byLal();//通过经纬度
        }
        var byLal = function(){
            //检查浏览器的兼容性
            if(GBrowserIsCompatible()){
                //加载地图
                var map=new GMap2(document.getElementById("map_canvas"));
                //设置地图的中心坐标
                map.setCenter(new GLatLng(35.383528,116.097281),13);
                //允许移动和缩放
                map.addControl(new GSmallMapControl());
                //信息浮动窗口内容
                var infoTabs=[new GInfoWindowTab("","肯得急")];
                //在地图的中心提交一个标注并自动打开其信息窗口
                var er =new GMarker(map.getCenter());
                GEvent.addListener(er,"click",function(){
                er.openInfoWindowTabsHtml(infoTabs);
                });
                //在地图上添加标注点
                map.addOverlay(er);
                //为标注点添加分页的信息浮动窗口
                er.openInfoWindowTabsHtml(infoTabs);
            }
        }
        </script>
    </head>
    <body>
    <div id="map_canvas" style="width: 500px; height: 300px; float:left; border:solid 2px #000;"></div>
    </body>
    </html>参考 。
      

  3.   

    晕，老大，我说的是调用静态地图api ，生成一个图片的，不是你说的那个，你说的这个我早就会了，我现在只所以用图片，是上面要求的，也比较省资源，加载速度巨快的谢谢你的热心
    <script type="text/javascript">
    var map = null;
    var geocoder = null;
    var address="<?=$addr?>";
    var lable="A";
    var center="";
    var zoom=15;
    var width=240;
    var height=320;
    var lat=0;
    var lng=0;
    var src="";
    var obj_w=parseInt("<?=$addr_len?>")*13;
    var obj_h=20;window.onload=function(){
      if (GBrowserIsCompatible()) {
      geocoder = new GClientGeocoder();
      var nid="<?=$nid?>";
      if(nid!=''){
      var arr=nid.split(",");
      lat=parseFloat(arr[0]);
      lng=parseFloat(arr[1]);
      
      if(!isNaN(lat) && !isNaN(lng)){

      src="http://maps.google.com/maps/api/staticmap?center="+center+"&zoom="+zoom+"&size="+width+"x"+height+"&maptype=roadmap&ers=color:blue|label:"+lable+"|"+lat+","+lng+"&mobile=true&sensor=false";
    //alert("从nid获取");
    //alert(src);
      document.getElementById("map").src=src; 
      }
      
      }else{
       if (geocoder) {
        geocoder.getLatLng(address,function(point){
            if (!point) {
              alert("没有找到: " + address);
            }else{
              lat=point.lat();
              lng=point.lng();
         
          src="http://maps.google.com/maps/api/staticmap?center="+center+"&zoom="+zoom+"&size="+width+"x"+height+"&maptype=roadmap&ers=color:blue|label:"+lable+"|"+lat+","+lng+"&mobile=true&sensor=false";
      document.getElementById("map").src=src;
      
      var margin_left=document.getElementById("mapbox").offsetLeft;
      var margin_top=document.getElementById("mapbox").offsetTop;
     // alert(margin_left);
      //alert(margin_top);
      var left=margin_left+parseInt(width/2);
      var top=margin_top+parseInt(height/2);   var obj=document.getElementById("cover");
     
      obj.style.position="absolute";
      obj.style.zIndex="100";
      obj.style.backgroudColor="blue";
      obj.style.border="1px dotted red";
      obj.style.width=obj_w+"px";
      obj.style.height=obj_h+"px";
      obj.style.left=left-obj_w/2+"px";
      obj.style.top=top+obj_h+"px";
      obj.style.textAlign="center";
      obj.style.color="red";
      obj.style.fontSize="12px";
      obj.style.fontWeight="600";
      obj.innerHTML=address;
         // alert(src);
         }
          });
      }
      }
      }
    }
    </script><div id="mapbox" class="m bo"><img id="map" src="{$src}"/></div>
    <div id="cover"></div>