google-map-api

冯新知

2023-12-01

第一步：去http://www.google.com/apis/maps/signup.html 申请一个KeyID 第二步：在HTML的<title></title>之间加上对MapAPI函数库的引用， <mce:script. src="http://maps.google.com/maps?file=api&v=2&key= YourKeyID" type="text/javascript"></mce:script> 第三步：在HTML的<body></body>之间的任意位置加上一个名为map的DIV， <div id="map" style="width: 700px; height: 560px" align="center"></div> 第四步：在名为map的DIV后面，加上GMap类的实例， <mce:script. type="text/javascript"></mce: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 marker's 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; }

google-map-api

相关阅读

相关文章

相关问答

相关文档