如何做公司网站点击率高,整形网站 源码,软件开发培训班出来的怎么样,宿州高端网站建设公司哪家好2010年的时候google还没有被封#xff0c;web地图开发还在使用google map。当时总结了它的使用步骤。 简单例子 第一步#xff1a; 去http://www.google.com/apis/maps/signup.html 申请一个KeyID 第二步#xff1a; 在HTML的title/title之间加…2010年的时候google还没有被封web地图开发还在使用google map。当时总结了它的使用步骤。 简单例子 第一步 去http://www.google.com/apis/maps/signup.html 申请一个KeyID 第二步 在HTML的title/title之间加上对MapAPI函数库的引用 script srchttp://maps.google.com/maps?fileapiv2key YourKeyID typetext/javascript/script 第三步 在HTML的body/body之间的任意位置加上一个名为map的DIV div idmap stylewidth: 700px; height: 560px aligncenter/div 第四步 在名为map的DIV后面加上GMap类的实例 script. typetext/javascript //创建GMap类的实例 var map new GMap(document.getElementById(map)); //添加一个控制条 map.addControl(new GSmallMapControl()); //设置显示模式为卫星影像 map.setMapType(G_SATELLITE_TYPE); //设置中心点经纬度上海和缩放系数并显示 map.centerAndZoom(new GPoint(121.4838, 31.2517), 4); /script 第五步 随机增加10个标记点 var bounds map.getBoundsLatLng(); var width bounds.maxX - bounds.minX; var height bounds.maxY - bounds.minY; for (var i 0; i 10; i) { var point new GPoint(bounds.minX width * Math.random(), bounds.minY height * Math.random()); var marker createMarker(point, i 1); //添加标记点 map.addOverlay(marker); } 第六步 添加事件响应 function createMarker(point, number) { var marker new GMarker(point); // Show this markers index in the info window when it is clicked. var html Marker #b number /b; GEvent.addListener(marker, click, function() { marker.openInfoWindowHtml(html);}); return marker; }
