低价网站建设顺德,学风建设专题网站,wordpress qq主题,网站动态与静态脚本请参见#xff1a; 整合google,51ditu和mapbar的地图API 现在来说一下用html页面调用脚本 先载入3个地图的api脚本#xff0c;如果要在网站使用#xff0c;必须去地图的官方网站注册一个key才行。不过本地调试没问题(127.0.0.1或localhost) script typetext…脚本请参见 整合google,51ditu和mapbar的地图API 现在来说一下用html页面调用脚本 先载入3个地图的api脚本如果要在网站使用必须去地图的官方网站注册一个key才行。不过本地调试没问题(127.0.0.1或localhost) script typetext/javascript srchttp://maps.google.com/maps?fileapiamp;v2amp;keyabcdefg/script script typetext/javascript srchttp://api.51ditu.com/js/maps.js/script script typetext/javascript srchttp://union.mapbar.com/apis/maps/free?fmapiv31kabcdef/script IE的画线要使用VML 技术 style typetext/css !-- v/:*{Behavior:url(#default#VML);} -- /style 调用地图API
script typetext/javascript var mapnull; function mapload(maptype) { mapnew myMap( { divobj:map, maptype:maptype, lat:36.144459040000, lng:120.416552501369994, scale:8 }); mapletmap.init(maptype);//针对Mapbar必须定义此名称的全局变量 map.addPoint(36.0612508601570,120.380276441570004,五四广场,true,{title:信息提示,mapbarlabel:五四广场}); map.addLine(36.144459040000,120.417052501369994,36.0612508601570,120.380276441570004); } /script 页面的调用如下 body οnlοadmapload(google) input typebutton οnclickmap.removeAll() value清除全部 / input typebutton οnclickmap.removePointAll() value清除全部点 / input typebutton οnclickmap.removeLineAll() value清除全部线 / input typebutton οnclickmapload(google) value使用google地图 / input typebutton οnclickmapload(51Ditu) value使用51地图 / input typebutton οnclickmapload(Mapbar) value使用Mapbar地图 / !-- 地图显示容器,需要在创建地图对象前创建 地图的大小通过容器的属性获取, 修改容器的大小后需要调用 map.resize() 使地图适应容器的大小 -- div idmap stylewidth: 500px; height: 300px/div
