如何在离线版谷歌地图里显示地名？谢谢！ - 问通信专家
已超时关闭问题
如何在离线版谷歌地图里显示地名？谢谢！
提问者: &提问时间: &
其他***&(7)
在线时你只要把每个地方都看过来完，就算你再次打开使用离线时也会显示你之前在线时看到的东西。
&&&&专家指数：30&&&&
回答时间: &&
在线能看到什么离线就能看到，如果不现实，那就是在线的时候没有下载吧
&&&&专家指数：459&&&&
回答时间: &&
像我之前有发过一个KML的地名，我还有其他的，有需要的话可以找我。你看看是不是类似这样：
/bbs/viewthread.php?tid=210266&fromuid=3651777
&&&&专家指数：396&&&&
回答时间: &&
&&&&专家指数：211&&&&
回答时间: &&
KML的应该可以实现离线显示地名，本来数据就是保存在本地的。我倒是想知道离线版google是怎么做出来的。
&&&&专家指数：105&&&&
回答时间: &&
缓存过后自然就有了呀
&&&&专家指数：103&&&&
回答时间: &&
• 如何把谷歌地图导入mapinfow中
• 谷歌地图怎么画区域
• 求谷歌地图下载器
• 谷歌地图中DT轨迹图层的制作方法
• 谷歌地图如何转换成mapinfo地图
• 求大神发一个谷歌地图破解版！！！
相关资料下载
聘： 需求人数：30 人
地点：郑州市
聘： 需求人数：2 人
地点：北京市
聘： 需求人数：30 人
地点：陕西省,辽宁省,九江市,景德镇市,哈尔滨市
聘： 需求人数：5 人
地点：呼伦贝尔市
聘： 需求人数：6 人
地点：长沙市,株洲市,岳阳市,益阳市,怀化市
聘： 需求人数：10 人
地点：广州市,长沙市,昆明市
聘： 需求人数：5 人
地点：海外
聘： 需求人数：10 人
地点：广东省,湖北省,山东省,福建省
聘： 需求人数：2 人
地点：海外
聘： 需求人数：2 人
地点：福建省
赞助商链接
Powered by1153人阅读
最近开发过程中涉及到了谷歌地图，在网上找了很多资料这才实现了多功能的谷歌地图开发应用：
下载地址是：&&
使用离线版本后，只需要加载mapapi.js这个文件，示例如下：
&%@ Page Language=&C#& AutoEventWireup=&true& %&
&%@ Register Assembly=&System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf&
&&& Namespace=&System.Web.UI& TagPrefix=&asp& %&
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &&&
&html xmlns=&&&
&&& &head&
&&&&&&& &meta http-equiv=&Content-Type& content=&text/ charset=UTF-8&/&
&&&&&&& &meta name=&viewport& content=&width=device-width, initial-scale=1.0, user-scalable=no&/&
&&&&&&& &title&卫星地图&/title&
&&&&&&& &link href=&& rel=&stylesheet& type=&text/css&/&
&&&&&&& &script src=&../../../Common/ExtJs/Js/ext-base.js& type=&text/javascript&&&/script&
&&&&&&& &script src=&../../../Common/ExtJs/Js/ext-all.js& type=&text/javascript&&&/script&
&&&&&&& &link type=&text/css& rel=&Stylesheet& href=&../../../Common/ExtJs/Css/ext-all.css&/&
&&&&&&& &script type =&text/javascript& src=&../../../Common/ExtJs/ux/Js/App.js&&&/script&
&&&&&&& &script type=&text/javascript& src=&Js/jquery_1.7.js&&&/script&
&&&&&&& &script type=&text/javascript& src=&../../../Common/Js/Utility/GlobalFunction.js&&&/script&
&&&&&&& &link href=&css/css.css& rel=&stylesheet& type=&text/css&/&
&&&&&&& &%--在线调用谷歌地图接口--%&
&&&&&&& &%--&script type=&text/javascript& src=&&
&&&&&&& &%--离线调用谷歌地图接口--%&
&&&&&&& &script type=&text/javascript& src=&mapapi.js&&&/script&
&&&&&&& &!--* ROADMAP&& - 显示（默认的）2D地图
&&&&&&&&&&& * SATELLITE - 显示卫星地图
&&&&&&&&&&& * HYBRID&&& - 在卫星地图上显示地名和交通线路
&&&&&&&&&&& * TERRAIN&& - 在2D地图上显示地形图
&&&&&&&& --&
&&&&&&& &script type=&text/javascript&&
&&&&&&&&&&&&&&&&&&&&&&&&&& //定义地图（全局变量）；
&&&&&&&&&&& var markers=[];&&&&&&&& //定义地图中标注数组（全局变量）；
&&&&&&&&&&& var windowContent=[];&& //定义标注要显示的信息浮窗数组（全局变量）；
&&&&&&&&&&& var MinZoomLevel=10;&&&& //定义地图缩放最小级别；
&&&&&&&&&&& var MaxZoomLevel=13;&&& //最大级别；
&&&&&&&&&&& var bounds=new google.maps.LatLngBounds();& //用于地图显示范围；
&&&&&&&&&&& var latL&&&&&&&&&&& //定义坐标变量，用于存放多个坐标；
&&&&&&&&&&&&&&&&&&&&&&&& //定义坐标气泡变量，用于存放图片路劲；
&&&&&&&&&&&&&&&&&&&&&&& //定义浮窗标题变量，用于存放标题；
&&&&&&&&&&&&&&&&&&&&& //定义浮窗中显示的内容；
&&&&&&&&&&&&&&&&&&&&&&&&& //定义两个浮窗变量，用于打开第二个浮窗的时候，关闭前一个浮窗。
&&&&&&&&&&& var info2;
&&&&&&&&&&& var MarkerMethod=& //定义两个变量用于调用全局方法；
&&&&&&&&&&& var attachMessage=
&&&&&&&&&&&
&&&&&&&&&&& //顶部菜单展开按钮效果：
&&&&&&&&&&& $(function(){
&&&&&&&&&&&&&&& $('.share & a').click(function(){
&&&&&&&&&&&&& var xxid = $('.share').attr(&id&);
&&&&&&&&&&&&& if(xxid == 'thisid'){
&&&&&&&&&&&&&&&&& $('.share').animate({left:0},800);
&&&&&&&&&&&&&&&&& $('.share').attr('id','thisida');
&&&&&&&&&&&&&&&&& $('#map_canvas').animate({left:222,width:'-=222px'},800);//地图水平向右缩放；
&&&&&&&&&&&&& }
&&&&&&&&&&&&& else{
&&&&&&&&&&&&&&&&& $('.share').animate({left:-222},800);
&&&&&&&&&&&&&&&&& $('.share').attr('id','thisid');
&&&&&&&&&&&&&&&&& $('#map_canvas').animate({left:0,width:'+=222px'},800);////地图水平向左缩放；&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&& }
&&&&&&&&& });
&&&&&&&&&&& });
&&&&&&&&&&&
&&&&&&&&&&& var parm=UrlParm.parm('code');//获取页面传递的参数；
&&&&&&&&&&& function check(pageIndex){
&&&&&&&&&&&&&&& Ext.Ajax.request({
&&&&&&&&&&&&&&&&&&& &,
&&&&&&&&&&&&&&&&&&& params:{method: &GetLeftListInfo&,
&&&&&&&&&&&&&&&&&&&&&&&&&&& name:document.getElementById(&searchContent&).value,
&&&&&&&&&&&&&&&&&&&&&&&&&&& pageIndex:pageIndex,
&&&&&&&&&&&&&&&&&&&&&&&&&&& code:parm
&&&&&&&&&&&&&&&&&&& },
&&&&&&&&&&&&&&&&&&& method: &POST&,
&&&&&&&&&&&&&&&&&&& success: function (response) {
&&&&&&&&&&&&&&&&&&&&&&& var json = response.responseT
&&&&&&&&&&&&&&&&&&&&&&& if (json!=&&) {
&&&&&&&&&&&&&&&&&&&&&&&&&&& $(&#ajaxdiv&).empty();
&&&&&&&&&&&&&&&&&&&&&&&&&&& $(&#ajaxdiv&).append(json);& //将后台返回的html填充到指定的div中；
&&&&&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&&&&&&&&&& else {
&&&&&&&&&&&&&&&&&&&&&&&&&&& $(&#ajaxdiv&).empty();
&&&&&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&&&&&& },
&&&&&&&&&&&&&&& failure:function(){
&&&&&&&&&&&&&&&&&&&&&&& App.setAlert('系统提示','请求失败！');
&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&& });
&&&&&&&&&&& }
&&&&&&&&&&& //初始化卫星地图：
&&&&&&&&&&& function initialize() {
&&&&&&&&&&&&&&& markers=[];&&&&&&&& //用于每次调用此方法时候，清空之前存放的标注对象，及浮窗对象。
&&&&&&&&&&&&&&& windowContent=[];
&&&&&&&&&&&&&&& var myLatLng = new google.maps.LatLng(28..98);//中国江西宜春奉新县
&&&&&&&&&&&&&&& var myOptions = {
&&&&&&&&&&&&&&&&&&& zoom: MinZoomLevel,&&&&&&&&&& //缩放倍数；
&&&&&&&&&&&&&&&&&&& center: myLatLng,&&&&&&&&&&&& //地址坐标；
&&&&&&&&&&&&&&&&&&& zoomControl:true,&&&&&&&&&&&& //可启用、停用缩放控件；
&&&&&&&&&&&&&&&&&&& panControl:true,&&&&&&&&&&&&& //可启用、停用平移控件；
&&&&&&&&&&&&&&&&&&& rotateControl:false,&&&&&&&&& //可决定显示、不显示用于控制45°图像方向的旋转控件
&&&&&&&&&&&&&&&&&&& scaleControl: true,&&&&&&&&&& //比例尺 ；
&&&&&&&&&&&&&&&&&&& mapTypeId: google.maps.MapTypeId.HYBRID, //默认地图类型：2D地图模式，上面注释；
&&&&&&&&&&&&&&&&&&& mapTypeControl: true,&&&&&&&& //是否允许在右上角出现&地图类型&之间切换；
&&&&&&&&&&&&&&&&&&& mapTypeControlOptions: {
&&&&&&&&&&&&&&&&&&&&&&& style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,//DROPDOWN_MENU
&&&&&&&&&&&&&&&&&&&&&&& position: google.maps.ControlPosition.TOP_RIGHT,
&&&&&&&&&&&&&&&&&&&&&&& mapTypeIds: [google.maps.MapTypeId.ROADMAP,google.maps.MapTypeId.TERRAIN,google.maps.MapTypeId.HYBRID,google.maps.MapTypeId.SATELLITE]
&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&& map = new google.maps.Map(document.getElementById(&map_canvas&), myOptions);
&&&&&&&&&&&&&&& map.setTilt(0);
&&&&&&&&&&&&&&& //控制缩放级别：最小值和最大值
&&&&&&&&&&&&&&& google.maps.event.addListener(map, 'zoom_changed',function() {
&&&&&&&&&&&&&&&&&&& if (map.getZoom() & MinZoomLevel){
&&&&&&&&&&&&&&&&&&&&&&& map.setZoom(MinZoomLevel);
&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&&&&&& if(map.getZoom()&MaxZoomLevel){
&&&&&&&&&&&&&&&&&&&&&&& map.setZoom(MaxZoomLevel);
&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&& });
&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&& Ext.Ajax.request({
&&&&&&&&&&&&&&&&&&& &,
&&&&&&&&&&&&&&&&&&& params:{method: &GetMarkerInfo&,
&&&&&&&&&&&&&&&&&&&&&&&&&&& name:document.getElementById(&searchContent&).value,
&&&&&&&&&&&&&&&&&&&&&&&&&&& pageIndex:0,&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&& code:parm
&&&&&&&&&&&&&&&&&&& },
&&&&&&&&&&&&&&&&&&& method: &POST&,
&&&&&&&&&&&&&&&&&&& success: function (response) {
&&&&&&&&&&&&&&&&&&&&&&& var json = Ext.decode(response.responseText);
&&&&&&&&&&&&&&&&&&&&&&& if (json.success == &OK&) {
&&&&&&&&&&&&&&&&&&&&&&&&&&& latLngs=[];
&&&&&&&&&&&&&&&&&&&&&&&&&&& icons=[];
&&&&&&&&&&&&&&&&&&&&&&&&&&& titles=[];
&&&&&&&&&&&&&&&&&&&&&&&&&&& contents=[];
&&&&&&&&&&&&&&&&&&&&&&&&&&& $(&#type&).html(json.MapInfo[0].TypeName);
&&&&&&&&&&&&&&&&&&&&&&&&&&& for(var i=0;i&json.MapInfo.i++){
&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& var contentString = '&div id=&content&&'+
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& '&div style=&font-size:9&&&span style=&color:&&企业名称：'+json.MapInfo[i].SubTypeName+'&/span&'+
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& '&br&&span&地址：'+json.MapInfo[i].SubType_Y+'&/span&&br&&span&联系***：'+json.MapInfo[i].SubType_X+'&/span&&br&&span&详情：********&/span&&/div&&/div&';&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& latLngs.push(new google.maps.LatLng(json.MapInfo[i].SubType_X,json.MapInfo[i].SubType_Y));
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& icons.push(json.MapInfo[i].ImageUrl);&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& titles.push(json.MapInfo[i].SubTypeName);
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& contents.push(contentString);
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& bounds.extend(new google.maps.LatLng(json.MapInfo[i].SubType_X,json.MapInfo[i].SubType_Y));
&&&&&&&&&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&& //地图图标标注：
&&&&&&&&&&&&&&&&&&&&&&&&&&& MarkerMethod(latLngs,icons,titles,contents);
&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&& //控制地图的显示范围：
&&&&&&&&&&&&&&&&&&&&&&&&&&& MapRangeMethod(bounds);
&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&& check(0);
&&&&&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&&&&&&&&&& else {
&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&&&&&& },
&&&&&&&&&&&& failure:function(){
&&&&&&&&&&&& }
&&&&&&&&&&&&&&& });
&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&& //地图标注：
&&&&&&&&&&&&&&& MarkerMethod=function(latLngs,icons,titles,contents){
&&&&&&&&&&&&&&&&&&& for(var i=0;i&latLngs.i++){
&&&&&&&&&&&&&&&&&&&&&&&& var marker= new google.maps.Marker({
&&&&&&&&&&&&&&&&&&&&&&&&&&& map: map,
&&&&&&&&&&&&&&&&&&&&&&&&&&& position:latLngs[i],
&&&&&&&&&&&&&&&&&&&&&&&&&&& icon:icons[i],
&&&&&&&&&&&&&&&&&&&&&&&&&&& title:titles[i]
&&&&&&&&&&&&&&&&&&&&&&&& });
&&&&&&&&&&&&&&&&&&&&&&&&& markers.push(marker);
&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&& //添加***事件：当点击地点坐标的时候，打开地图上的标记内容；
&&&&&&&&&&&&&&&&&&&&&&& attachMessage(marker,contents[i]);
&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&& //地图标注弹出框：
&&&&&&&&&&&&&&& attachMessage=function(marker,content){
&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&& //弹出信息框：注意这里的窗体是单独定义；&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&& var infowindow=new Window({
&&&&&&&&&&&&&&&&&&&&&&& maxWidth:200,&&&&&&&&&&&&&& //定义点击图标显示方框尺寸；
&&&&&&&&&&&&&&&&&&&&&&& content:content&&&&&&&&&&&& //方框中的信息；
&&&&&&&&&&&&&&&&&&& });
&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&& //点击标注显示该标注的详细信息：
&&&&&&&&&&&&&&&&&&& google.maps.event.addListener(marker, 'click', function(){
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&& if(info!=null){
&&&&&&&&&&&&&&&&&&&&&&&&&&& info.close();&&&&&&&&&& //当点击完左侧栏中标题后，再点击地图中标注，关闭之前打开过的窗体；
&&&&&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&&&&&&&&&& if(windowContent.length&0){
&&&&&&&&&&&&&&&&&&&&&&&&&&& for(var i=0;i&windowContent.i++){
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& windowContent[i].close();
&&&&&&&&&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&&&&&&&&&& infowindow.open(map,marker);
&&&&&&&&&&&&&&&&&&& });
&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&& windowContent.push(infowindow);&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
//&&&&&&&&&&&&&&&&&&& //添加***事件：当鼠标移动到地点坐标的时候，打开地图上的标记内容；
//&&&&&&&&&&&&&&&&&&& google.maps.event.addListener(marker,'mouseover',function(){
//&&&&&&&&&&&&&&&&&&&&&&& infowindow.open(map,marker);
//&&&&&&&&&&&&&&&&&&& });
&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&& //控制显示范围：
&&&&&&&&&&&&&&& function MapRangeMethod(bounds){
//&&&&&&&&&&&&&&&&&&& google.maps.event.addListener(map, 'drag', function(){//鼠标拖拽地图事件:dragstart、drag、dragend；
//&&&&&&&&&&&&&&&&&&&&&&& checkMapBounds(bounds);
//&&&&&&&&&&&&&&&&&&& });
&&&&&&&&&&&&&&&&&&&& google.maps.event.addListener(map, 'bounds_changed', function(){//地图移动事件：bounds_changed；　
&&&&&&&&&&&&&&&&&&&&&&& checkMapBounds(bounds);
&&&&&&&&&&&&&&&&&&& });
&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&& function checkMapBounds(bounds){
&&&&&&&&&&&&&&&&&&& if(bounds.contains(map.getCenter())){
&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&&&&&& var center = map.getCenter();
&&&&&&&&&&&&&&&&&&& var centerX = center.lng();
&&&&&&&&&&&&&&&&&&& var centerY = center.lat();
&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&& var maxX = bounds.getNorthEast().lng();
&&&&&&&&&&&&&&&&&&& var maxY = bounds.getNorthEast().lat();
&&&&&&&&&&&&&&&&&&& var minX = bounds.getSouthWest().lng();
&&&&&&&&&&&&&&&&&&& var minY = bounds.getSouthWest().lat();
&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&& if(centerX & minX) { centerX = minX; }
&&&&&&&&&&&&&&&&&&& if(centerX & maxX) { centerX = maxX; }
&&&&&&&&&&&&&&&&&&& if(centerY & minY) { centerY = minY; }
&&&&&&&&&&&&&&&&&&& if(centerY & maxY) { centerY = maxY; }
&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&& map.panTo(new google.maps.LatLng(centerY, centerX));
&&&&&&&&&&&&&&&& }
&&&&&&&&&&&& }
&&&&&&&&&&&&
&&&&&&&&&&&& //这里是针对左侧栏点击标题定位到地图中的标注，并显示窗体；
&&&&&&&&&&&
&&&&&&&&&&& var contentS
&&&&&&&&&&& function SearchMarker(x,y,icon,title){
&&&&&&&&&&&&&&& contentString='&div id=&content&&'+
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& '&div style=&font-size:9&&&span style=&color:&&企业名称：'+title+'&/span&'+
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& '&br&&span&地址：'+y+'&/span&&br&&span&联系***：'+x+'&/span&&br&&span&详情：********&/span&&/div&&/div&';&
&&&&&&&&&&&&&&& info2=& //将之前生成的窗体赋值给变量infoWindow2；
&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&& if(info2!=null){
&&&&&&&&&&&&&&&&&&& info2.close(); //关闭之前打开过的窗体；
&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&& for(var i=0;i&markers.i++){
&&&&&&&&&&&&&&&&&&& windowContent[i].close();
&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&& var myLatLng = new google.maps.LatLng(x,y);//后台传递（纬度、经度）寻找标注；
&&&&&&&&&&&&&&& map.setZoom(10);
&&&&&&&&&&&&&&& map.setCenter(myLatLng);
&&&&&&&&&&&&&&& for(var i=0;i&markers.i++){
&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&& if(markers[i].position.jb==myLatLng.jb&&markers[i].title==title){
&&&&&&&&&&&&&&&&&&&&&&& info=new Window({
&&&&&&&&&&&&&&&&&&&&&&&&&&& maxWidth:200,&&&&&&&&&&&&& //定义点击图标显示方框尺寸；
&&&&&&&&&&&&&&&&&&&&&&&&&&& content:contentString&&&&& //方框中的信息；
&&&&&&&&&&&&&&&&&&&&&&& });&
&&&&&&&&&&&&&&&&&&&&&&& info.open(map,markers[i]);
&&&&&&&&&&&&&&&&&&&&&&& windowContent.push(info);
&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&& }
&&&&&&&&&&& }
&&&&&&&&&&&
&&&&&&& &/script&
&&& &/head&
&&& &body onload=&initialize()&&
&&&&&&& &div class=&share& id=&thisid& style=&width:17%;height:100%;position:top:0%;left:-220margin-top:0background:# border-color:#000;border-width:0 z-index:9999;&&
&&&&&&&&&&& &a style=&display:position:top:10left:230right:0background:url(../images/top_icon.jpg)& href=&#&&&img src=&Images/top_icon.jpg& width=&10px& /&&/a&
&&&&&&&&&&& &%--地图左侧的信息栏目--%&
&&&&&&&&&&& &div class=&listbox& &
&&&&&&&&&&&&&&& &%--信息栏目第一行：工业、政策法规；--%&
&&&&&&&&&&&&&&& &div class=&tabI&&
&&&&&&&&&&&&&&&&&&& &ul&
&&&&&&&&&&&&&&&&&&&&&&& &li id=&type& class=&hover& style=&font:normal 15px& 微软雅黑, 宋体, Arial, Helvetica, sans-float:&&&/li&
&&&&&&&&&&&&&&&&&&&&&&& &li style=&font:normal 15px& 微软雅黑, 宋体, Arial, Helvetica, sans-float:&&政策法规&/li&
&&&&&&&&&&&&&&&&&&& &/ul&
&&&&&&&&&&&&&&& &/div&
&&&&&&&&&&&&&&& &%--信息栏目第二行：查询地址；--%&
&&&&&&&&&&&&&&& &div class=&sou&&
&&&&&&&&&&&&&&&&&&& &div class=&sou_input&&
&&&&&&&&&&&&&&&&&&&&&&& &input type=&text& id=&searchContent&/&
&&&&&&&&&&&&&&&&&&& &/div&
&&&&&&&&&&&&&&&&&&& &div class=&sou_an&&
&&&&&&&&&&&&&&&&&&&&&&& &input& type=&button& id=&Button1& onclick=&javascript:initialize();check(0)& /&
&&&&&&&&&&&&&&&&&&& &/div&
&&&&&&&&&&&&&&& &/div&
&&&&&&&&&&&&&&& &%--信息栏目第三行：主要信息内容；--%&
&&&&&&&&&&&&&&& &div class=&mian_text&&
&&&&&&&&&&&&&&&&&&& &div id=&ajaxdiv&&&/div&&&&&&&&&
&&&&&&&&&&&&&&& &/div&
&&&&&&&&&&& &/div&
&&&&&&& &/div&
&&&&&&&& &%--右侧地图部分--%&
&&&&&&&& &div class=&mapContent&&
&&&&&&&&&&& &div id=&map_canvas& class=&mapDiv&&&/div&
&&&&&&&& &/div&
&&& &/body&
&css样式：
/* CSS Document */
html{overflow:hidden}
*{margin:0;padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,button,p,blockquote,th,td{margin:0;padding:0}
fieldset, img {border:0}
address, caption, cite, code, dfn, em, th, var, b, i, s {font-style:font-weight:normal}
ul, li {list-style:none}
caption, th {text-align:left}
h1, h2, h3, h4, h5, h6 {font-size:100%}
q:before, q:after {content:''}
input, textarea, select, button {font-family:font-size:font-weight:font-size:100%}
legend {color:#000}
input[type=search] {-webkit-appearance:none}
a img, a span, a strong, a s {cursor:pointer}
body, button, select, textarea, input, label, option, fieldset, legend {font:normal 12px/14px& 微软雅黑, 宋体, Arial, Helvetica, sans-}
button {white-space:overflow:visible}
a {color:#898989;text-decoration:none}
a:hover {text-decoration:color:#870000;cursor:pointer}
a:focus {outline:none}
.cup{cursor:}
.clear{clear:}
.xkbg{background:url(../images/nav_le.png) repeat-y 103}
&.lefttabI{width:200line-height:18border:0px solid #margin:0 1 margin-left:6 margin-top:20}
&.lefttabI li{float:width:51text-align:cursor:font:normal 12px 微软雅黑, 宋体, Arial, Helvetica, sans- height:51 margin-left:8margin-top:15}
/*=======main=======*/
.listbox{width:100%;height:100%;border:0px solid #76777b;}
.listbox span.zkgb{width:24height:18display:position:right:3top:3cursor:}
&.listbox h3{height:24font-size:12color:#444444;padding-left:10line-height:24}
&.listbox h3 span{color:#ff9f0d;}
&.tabI{width:216height:18line-height:18border:1px solid #margin:0 1}
&.tabI li{float:width:108text-align:cursor:font:normal 12px 微软雅黑, 宋体, Arial, Helvetica, sans-}
&.tabI li.hover{background:url(../images/nv_bg.jpg) repeat-x;color:#font:normal 12px& 微软雅黑, 宋体, Arial, Helvetica, sans-}
&.sou{width:216height:18border:1px solid #background:#margin:0 1margin-top:6}
&.sou_input{line-height:18height:18width:157border-right:1px solid #float:}
&.sou .sou_input input{width:151height:18line-height:18border:0;margin-top:0padding:0 3}
&.sou .sou_an{width:58float:height:18line-height:18}
&.sou .sou_an input{width:58height:18border:0;background:url(../images/chaxuen.jpg) no-cursor:}
&.mian_text{width:100%;height:100%;overflow:position:absolute}
&.mian_text a{color:#444444;}
&.mian_text a dl{margin-top:10overflow:line-height:5width:220height:90}
&.mian_text a dl dt{width:17float:height:45margin-right:7padding-top:2margin-left:10display:}
&.mian_text a dl dd{width:180height:70float:}
&.mian_text a dl dd h4{color:#ffa630;font-size:12font-weight:}
&.fy{width:220height:30margin-top:10line-height:10text-align: font-weight:}
&.fy a:active { text-decoration: underline}
/*=======left=======*/
/*卫星地图的div样式：*/
&去除地图中信息浮窗阴影，
&否则将会出现白色虚框（离线地图情况下）；
&如果是在线地图，则可以不需要此样式；
&缺点：缩放标尺也不见了。
div.gmnoprint div img&
&&& display:
/*谷歌地图样式*/
&height:100%;
&width:100%;
&margin-left:28
&margin-right:0
&position:
public class DiTuHandler : HttpHandlerBase
&&&&&&& int Count = 0;
&&&&&&& private IIndustrialMapService mapService = ServiceContainer.GetService&IIndustrialMapService&();
&&&&&&& public override void ProcRequest(string method)
&&&&&&&&&&& switch (method)
&&&&&&&&&&& {
&&&&&&&&&&&&&&& case &GetMarkerInfo&:
&&&&&&&&&&&&&&&&&&& GetMarkerInfo();
&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&& case &GetLeftListInfo&:
&&&&&&&&&&&&&&&&&&& GetLeftListInfo();
&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&& }
&&&&&&& /// &summary&
&&&&&&& /// 获取左侧列表信息：
&&&&&&& /// industName:搜索关键字；
&&&&&&& /// pageIndex:当前页号；
&&&&&&& /// &/summary&
&&&&&&& private void GetLeftListInfo()
&&&&&&&&&&& string subType = context.Request[&name&].ToString();
&&&&&&&&&&& int pageIndex = Convert.ToInt32(context.Request[&pageIndex&]) * 5;
&&&&&&&&&&& string code = context.Request[&code&].ToString();
&&&&&&&&&&& StringBuilder sbPage = new StringBuilder();
&&&&&&&&&&& StringBuilder sbList = new StringBuilder();
&&&&&&&&&&& DataTable dt = mapService.SearchMap(subType, pageIndex, 5, code, out Count).Tables[0];
&&&&&&&&&&& if (Count & 26)
&&&&&&&&&&& {
&&&&&&&&&&&&&&& for (int i = pageI i & dt.Rows.Count + pageI i++)
&&&&&&&&&&&&&&& {
&&&&&&&&&&&&&&&&&&& sbList.Append(
&&&&&&&&&&&&&&&&&&&&&&& &&a href=\&javascript:void(0);\& onclick=\&SearchMarker(&
&&&&&&&&&&&&&&&&&&&&&&& + dt.Rows[i - pageIndex][&SubType_X&].ToString() + &,&
&&&&&&&&&&&&&&&&&&&&&&& + dt.Rows[i - pageIndex][&SubType_Y&].ToString() + &,&
&&&&&&&&&&&&&&&&&&&&&&& + &'Images/& + i.ToString() + &.png'& + &,'&
&&&&&&&&&&&&&&&&&&&&&&& + dt.Rows[i - pageIndex][&SubTypeName&].ToString() +
&&&&&&&&&&&&&&&&&&&&&&& &')\& style=\&font-size:12\&&&dl&&dt&& + (i + 1) + &&/dt&&dd style=\&font:normal 14px& 微软雅黑, 宋体, Arial, Helvetica, sans-float:\&&&h4&&
&&&&&&&&&&&&&&&&&&&&&&& + dt.Rows[i - pageIndex][&SubTypeName&].ToString()
&&&&&&&&&&&&&&&&&&&&&&& + &&/h4&&p&纬度：&
&&&&&&&&&&&&&&&&&&&&&&& + dt.Rows[i - pageIndex][&SubType_X&].ToString()
&&&&&&&&&&&&&&&&&&&&&&& + &&br&经度：& + dt.Rows[i - pageIndex][&SubType_Y&].ToString()
&&&&&&&&&&&&&&&&&&&&&&& + &&/p&&/dd&&/dl&&/a&&);
&&&&&&&&&&&&&&& }
&&&&&&&&&&& }
&&&&&&&&&&& else
&&&&&&&&&&& {
&&&&&&&&&&&&&&& for (int i = pageI i & dt.Rows.Count + pageI i++)
&&&&&&&&&&&&&&& {
&&&&&&&&&&&&&&&&&&& //sbList.Append(&&a href=\&javascript:SearchMarker(28..99,Images/0.png,林业资源)\&&&+ dt.Rows[i - pageIndex][&SubTypeName&].ToString() + &纬度：& + dt.Rows[i - pageIndex][&SubType_X&].ToString() + &&br&经度：& + dt.Rows[i
- pageIndex][&SubType_Y&].ToString() + &&/a&&);
&&&&&&&&&&&&&&&&&&& sbList.Append(
&&&&&&&&&&&&&&&&&&&&&&& &&a href=\&javascript:void(0);\& onclick=\&SearchMarker(&
&&&&&&&&&&&&&&&&&&&&&&& + dt.Rows[i - pageIndex][&SubType_X&].ToString() + &,&
&&&&&&&&&&&&&&&&&&&&&&& + dt.Rows[i - pageIndex][&SubType_Y&].ToString() + &,&
&&&&&&&&&&&&&&&&&&&&&&& + &'Images/& + i.ToString() + &.png'& + &,'&
&&&&&&&&&&&&&&&&&&&&&&& + dt.Rows[i - pageIndex][&SubTypeName&].ToString() +
&&&&&&&&&&&&&&&&&&&&&&& &')\& style=\&font-size:12\&&&dl&&dt&&img src=\&Images/&
&&&&&&&&&&&&&&&&&&&&&&& + i.ToString()
&&&&&&&&&&&&&&&&&&&&&&& + &.png\& width=\&30px\&&&/dt&&dd style=\&font:normal 14px& 微软雅黑, 宋体, Arial, Helvetica, sans-float:\&&&h4&&
&&&&&&&&&&&&&&&&&&&&&&& + dt.Rows[i - pageIndex][&SubTypeName&].ToString()
&&&&&&&&&&&&&&&&&&&&&&& + &&/h4&&p&纬度：&
&&&&&&&&&&&&&&&&&&&&&&& + dt.Rows[i - pageIndex][&SubType_X&].ToString()
&&&&&&&&&&&&&&&&&&&&&&& + &&br&经度：& + dt.Rows[i - pageIndex][&SubType_Y&].ToString()
&&&&&&&&&&&&&&&&&&&&&&& + &&/p&&/dd&&/dl&&/a&&);
&&&&&&&&&&&&&&& }
&&&&&&&&&&& }
&&&&&&&&&&& if ((Count % 5) & 0)
&&&&&&&&&&& {
&&&&&&&&&&&&&&& for (int i = 0; i & (Count / 5) + 1; i++)
&&&&&&&&&&&&&&& {
&&&&&&&&&&&&&&&&&&& sbPage.Append(&&a href=\&javascript:check(& + i + &)\& style=\&font-size:12\&&& + (i + 1) + &&/a&&&&&);
&&&&&&&&&&&&&&& }
&&&&&&&&&&& }
&&&&&&&&&&& else
&&&&&&&&&&& {
&&&&&&&&&&&&&&& for (int i = 0; i & (Count / 5); i++)
&&&&&&&&&&&&&&& {
&&&&&&&&&&&&&&&&&&& sbPage.Append(&&a href=\&javascript:check(& + i + &)\& style=\&font-size:12\&&& + (i + 1) + &&/a&&&&&);
&&&&&&&&&&&&&&& }
&&&&&&&&&&& }
&&&&&&&&&&& context.Response.Write(sbList.ToString() + &&div class=\&fy\&&& + sbPage.ToString() + &&/div&&h3 style=\&font:normal 12px/24px& 微软雅黑, 宋体, Arial, Helvetica, sans- text-decoration:\&&共有 &span&& + Count + &&/span& 条结果&span class=\&zkgb\&&&/span&&/h3&&);
&&&&&&& /// &summary&
&&&&&&& /// 获取标注的方法：
&&&&&&& /// &/summary&
&&&&&&& private void GetMarkerInfo()
&&&&&&&&&&& string searchContent = context.Request[&name&].ToString();
&&&&&&&&&&& int pageIndex = Convert.ToInt32(context.Request[&pageIndex&]);
&&&&&&&&&&& string code = context.Request[&code&].ToString();
&&&&&&&&&&& DataTable dt = mapService.SearchAllMap(searchContent, code, out Count).Tables[0];
&&&&&&&&&&& if (Count & 26)
&&&&&&&&&&& {
&&&&&&&&&&&&&&& if (dt.Rows.Count & 0)
&&&&&&&&&&&&&&& {
&&&&&&&&&&&&&&&&&&& List&MapModel& mapList = new List&MapModel&();
&&&&&&&&&&&&&&&&&&& for (int i = 0; i & dt.Rows.C i++)
&&&&&&&&&&&&&&&&&&& {
&&&&&&&&&&&&&&&&&&&&&&& MapModel mapModel = new MapModel();
&&&&&&&&&&&&&&&&&&&&&&& if (i == 0)
&&&&&&&&&&&&&&&&&&&&&&& {
&&&&&&&&&&&&&&&&&&&&&&&&&&& mapModel.TypeName = dt.Rows[i][&Type&].ToString();
&&&&&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&&&&&&&&&& mapModel.SubType_X = dt.Rows[i][&SubType_X&].ToString();
&&&&&&&&&&&&&&&&&&&&&&& mapModel.SubType_Y = dt.Rows[i][&SubType_Y&].ToString();
&&&&&&&&&&&&&&&&&&&&&&& mapModel.SubTypeName = dt.Rows[i][&SubTypeName&].ToString();
&&&&&&&&&&&&&&&&&&&&&&& mapModel.Phone = dt.Rows[i][&SubType_X&].ToString();
&&&&&&&&&&&&&&&&&&&&&&& mapModel.Address = dt.Rows[i][&SubType_Y&].ToString();
&&&&&&&&&&&&&&&&&&&&&&& mapModel.ImageUrl = &Images/& + i.ToString() + &.png&;
&&&&&&&&&&&&&&&&&&&&&&& mapList.Add(mapModel);
&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&&&&&& MapList mapLists = new MapList();
&&&&&&&&&&&&&&&&&&& mapLists.MapInfo = mapL
&&&&&&&&&&&&&&&&&&& mapLists.success = &OK&;
&&&&&&&&&&&&&&&&&&& string json = new JavaScriptSerializer().Serialize(mapLists);
&&&&&&&&&&&&&&&&&&& context.Response.Write(json);
&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&& else
&&&&&&&&&&&&&&& {
&&&&&&&&&&&&&&&&&&& context.Response.Write(&{success:'No'}&);
&&&&&&&&&&&&&&& }
&&&&&&&&&&& }
&&&&&&&&&&& else
&&&&&&&&&&& {
&&&&&&&&&&&&&&& if (dt.Rows.Count & 0)
&&&&&&&&&&&&&&& {
&&&&&&&&&&&&&&&&&&& List&MapModel& mapList = new List&MapModel&();
&&&&&&&&&&&&&&&&&&& for (int i = 0; i & dt.Rows.C i++)
&&&&&&&&&&&&&&&&&&& {
&&&&&&&&&&&&&&&&&&&&&&& MapModel mapModel = new MapModel();
&&&&&&&&&&&&&&&&&&&&&&& if (i == 0)
&&&&&&&&&&&&&&&&&&&&&&& {
&&&&&&&&&&&&&&&&&&&&&&&&&&& mapModel.TypeName = dt.Rows[i][&TypeName&].ToString();
&&&&&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&&&&&&&&&& mapModel.SubType_X = dt.Rows[i][&SubType_X&].ToString();
&&&&&&&&&&&&&&&&&&&&&&& mapModel.SubType_Y = dt.Rows[i][&SubType_Y&].ToString();
&&&&&&&&&&&&&&&&&&&&&&& mapModel.SubTypeName = dt.Rows[i][&SubTypeName&].ToString();
&&&&&&&&&&&&&&&&&&&&&&& mapModel.Phone = dt.Rows[i][&SubType_X&].ToString();
&&&&&&&&&&&&&&&&&&&&&&& mapModel.Address = dt.Rows[i][&SubType_Y&].ToString();
&&&&&&&&&&&&&&&&&&&&&&& mapModel.ImageUrl = &Images/& + i.ToString() + &.png&;
&&&&&&&&&&&&&&&&&&&&&&& mapList.Add(mapModel);
&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&&&&&& MapList mapLists = new MapList();
&&&&&&&&&&&&&&&&&&& mapLists.MapInfo = mapL
&&&&&&&&&&&&&&&&&&& mapLists.success = &OK&;
&&&&&&&&&&&&&&&&&&& string json = new JavaScriptSerializer().Serialize(mapLists);
&&&&&&&&&&&&&&&&&&& context.Response.Write(json);
&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&& else
&&&&&&&&&&&&&&& {
&&&&&&&&&&&&&&&&&&& context.Response.Write(&{success:'No'}&);
&&&&&&&&&&&&&&& }
&&&&&&&&&&& }
&&& public class MapList
&&&&&&& private List&MapModel& _mapL
&&&&&&& private string _
&&&&&&& public List&MapModel& MapInfo
&&&&&&&&&&& get { return _mapL }
&&&&&&&&&&& set { _mapList = }
&&&&&&& public string success
&&&&&&&&&&& get { return _ }
&&&&&&&&&&& set { _success = }
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：44894次
排名：千里之外
原创：13篇
转载：83篇
(2)(2)(3)(1)(1)(3)(3)(3)(3)(7)(8)(23)(6)(8)(5)(10)(8)