本文介绍如何使用Google Map API在网页中创建交互式地图，并实现地图点击事件，当用户在地图上点击时，会在指定位置添加一个标记。此教程适合前端开发者了解Google Map API的基本用法。
今天看了下google map ；
做了一个小的demo，在地图上点击的时候会出现一个标记；
js
<script>
function initialize() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(30.657,104.08), 18);
GEvent.addListener(map,"click", function(overlay,latlng) {
map.clearOverlays();
// var myHtml = "GPoint 为： " + map.fromLatLngToDivPixel(latlng) + "，<br>缩放级别为：" + map.getZoom()+"<br/> 此点的经纬度为"+latlng+"<br/>中心点的经纬度为"+map.getCenter();
// map.openInfoWindow(latlng, myHtml);
var point =new GLatLng(latlng.lat(),latlng.lng());
var marker = new GMarker(point); //初始化点的位置
map.addOverlay(marker); //在地图上显示
});
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
}
}
</script>
<body onload="initialize()">
<form id="form1" runat="server">
<div id="map_canvas" style="width: 800px; height: 500px"></div>
</form>
</body>
扫一扫
4249
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
