Google Maps API指南：点击添加标注

来源：互联网发布：美工钢笔书法视频教程编辑：程序博客网时间：2024/05/27 14:12

<!DOCTYPE html><html><head><meta name="viewport" content="initial-scale=1.0, user-scalable=no" /><style type="text/css">  html { height: 100% }  body { height: 100%; margin: 0px; padding: 0px }  #map_canvas { height: 100% }</style><script type="text/javascript"    src="https://maps.google.com/maps/api/js?sensor=false"></script><script>var map;function initialize() {  var myLatlng = new google.maps.LatLng(22.279566, 113.540955);  var myOptions = {    zoom: 12,    center: myLatlng,    mapTypeId: google.maps.MapTypeId.ROADMAP  }  map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);    google.maps.event.addListener(map, 'click', function(event) {    placeMarker(event.latLng);  });}  function placeMarker(location) {  var marker = new google.maps.Marker({      position: location,       map: map  });  map.setCenter(location);}</script></head><body onload="initialize()">  <div id="map_canvas" style="width:100%; height:100%"></div></body></html>