<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>google地图</title>
</head>
       
<table class="bg_white" border="0" cellpadding="0" cellspacing="10" width="960" style="margin:0px;padding:0px;">
  <tbody style="margin:0px;padding:0px;"><tr>
    <td width="960">
    <head>
<style>
  #map_canvas { width: 730px; height: 520px;style="margin:0px;padding:0px;"}
</style>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var map;
var layer;
var tableid = 628653;
var layer2;
var tableid2 = 1267529;
function initialize() {
  map = new google.maps.Map(document.getElementById('map_canvas'), {
    center: new google.maps.LatLng(25.051365,102.712492),
    zoom: 12,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  });
  var style = [
    {
      featureType: 'all',
      elementType: 'all',
      stylers: [
        { saturation: -78 }
      ]
    }
  ];
  var styledMapType = new google.maps.StyledMapType(style, {
    map: map,
    name: 'Styled Map'
  });
  map.mapTypes.set('map-style', styledMapType);
  map.setMapTypeId('map-style');
  layer = new google.maps.FusionTablesLayer(tableid);
  layer.setQuery("SELECT 'geometry' FROM " + tableid);
  layer.setMap(map);
  layer2 = new google.maps.FusionTablesLayer(tableid2);
  layer2.setQuery("SELECT 'Location details' FROM " + tableid2);
  layer2.setMap(map);
  geocoder = new google.maps.Geocoder();    
  var myLatlng = new google.maps.LatLng(25.051365,102.712492);
  var myOptions = {
    zoom: 12,
    center: myLatlng,
    disableDoubleClickZoom:true,
scaleControl:true,     
    mapTypeId: google.maps.MapTypeId.ROADMAP
    }
  map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
 google.maps.event.addListener(map,'mousemove', function(event) { 
    if(event.latLng)
    {
     document.getElementById("mouselatitute").innerHTML=event.latLng.lat(); document.getElementById("mouselongitude").innerHTML=event.latLng.lng();
     var extent =map.getBounds();         document.getElementById("XMax").innerHTML=extent.getNorthEast().lng();
     document.getElementById("YMax").innerHTML=extent.getNorthEast().lat();
     document.getElementById("XMin").innerHTML=extent.getSouthWest().lng();
     document.getElementById("YMin").innerHTML=extent.getSouthWest().lat();
     document.getElementById("ZoomClass").innerHTML=map.getZoom();
    }    
    }); 
}
//放大地图
function ZoomInMap() {  
    var class1 = map.getZoom();
    if(class1 <21)
    {
      class1=class1+1;
       map.setZoom(class1);
    } 
}
//缩小地图
function ZoomOutMap() {  
    var class1 = map.getZoom();
    if(class1 >1)
    {
       class1 =class1 -1;
          map.setZoom(class1);
    } 
}
//查找地址
var geocoder;
var er;
function codeAddress(address){
  if (geocoder){
      geocoder.geocode( { 'address': address}, function(results, status) 
  { 
    if (status ==google.maps.GeocoderStatus.OK) {
       map.setCenter(results[0].geometry.location);
        var erPositon =results[0].geometry.location;
        if(er)
        {                
           er.setPosition(erPositon);    
        }
        else
        {
            er = new google.maps.Marker({
                    map: map, 
                    position:erPositon,
                    draggable:true  
          }); 
        }
        er.setTitle(address);
        } else{
          //暂不处理
        }
      });
    }
}//切换地图
function SetHybridMap(){
    map.setMapTypeId(google.maps.MapTypeId.HYBRID);
}
function SetRoadMap(){
    map.setMapTypeId(google.maps.MapTypeId.ROADMAP);
}
function SetSatelliteMap(){
    map.setMapTypeId(google.maps.MapTypeId.SATELLITE);
}
function SetTerrainMap(){
    map.setMapTypeId(google.maps.MapTypeId.TERRAIN);
}</script>
</head>
<body onload="initialize();"  style="MARGIN: 0px;PADDING: 0px;">
<div id="map_canvas" style="MARGIN: 0px;PADDING: 0px;" ></div>//鼠标当前坐标及地图范围
<b id="mouselatitute">0</b><b id="mouselongitude">0</b><b id="XMax">100</b><b id="XMin">0</b><b id="YMax">100</b><b id="YMin">0</b><b id="ZoomClass">1</b>
</body>   
</tbody></table>
</html>

解决方案 »

  1.   

    1.string str_url = Application.StartupPath + "\\12.html";  
    看看项目中文件路径的正确性
    2.你说你包空指针异常了
    那你看看 string tag_lng = webBrowser1.Document.GetElementById("mouselng").InnerText;
             string tag_lat = webBrowser1.Document.GetElementById("mouselat").InnerText;
    这两个标签在html中是否存在
      

  2.   

    我的文件路径放在bin的debug里了
    C:\Users\Administrator\Documents\Visual Studio 2010\Projects\WindowsFormsApplication9\WindowsFormsApplication9\bin\Debug
    不知道对不对啊
      

  3.   

    我的html里面有,
    function GetlngAndlat(e)  
    {if(e.point.lng!=null)  
     {  
       
     document.getElementById("mouselng").innerHTML=e.point.lng;  
      document.getElementById("mouselat").innerHTML=e.point.lat;  
     }