google地图怎么使用

Question

小弟正在做一酒店发布的网站，我想从后台发布酒店时，也在地图上添加一个此网站的标注，前台可以查看这些自己添加的标注！
已申请了GOOGLE MAP API KEY，我只会把它在网页上显示出来，后台，我希望像赶集那个添加一个小气球标注，不知道怎么操作。
QQ：343903566在线急等！请高手指导一下！

Answer 1

http://code.google.com/intl/zh-CN/apis/maps/documentation/javascript/v2/introduction.html
这里什么都有 自己去看吧

Answer 2

说实话，我菜鸟，JS又不太会。有没有做好的实例呀，发个给我看看，加我QQ：343903566

Answer 3

额 现在谷歌地图 最新版本  不用api key 了 换 v3版本的api  使用吧
v2 需要api key  的已经被放弃了

Answer 4

我给你个 我的例子吧         我没做红色的标记 直接显示的<%@ Page Language="C#" MasterPageFile="~/MasterPageContact.master" AutoEventWireup="true" CodeFile="Contact.aspx.cs" Inherits="Contact" Title="创新铭源" %><asp:Content ID="Content1" ContentPlaceHolderID="content_Contact" Runat="Server">
<script src="http://maps.google.com/maps/api/js?v=3.1&sensor=true" type="text/javascript"></script>
    <script language="JavaScript" type="text/javascript">
var geocoder;
  var map;
  var infowindow = new google.maps.InfoWindow();
  var er;
  function initialize() {
    geocoder = new google.maps.Geocoder();
    var latlng = new google.maps.LatLng(39.91339085321795, 116.48817204547309);//经度和纬度     
    var myOptions = {
      zoom: 18,//地图缩放级别 越大 越详细
      center: latlng,
      mapTypeId: 'roadmap'
    }
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);// id = map_canvas 的 div上显示 地图
  }  function codeLatLng() {
    var lat = parseFloat(Ext.getCmp("lat").getValue());
    var lng = parseFloat(Ext.getCmp("lng").getValue());
    var latlng = new google.maps.LatLng(lat, lng);
    geocoder.geocode({'latLng': latlng}, function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
        if (results[0]) {
            map.setCenter(results[0].geometry.location);
          map.setZoom(13);
          er = new google.maps.Marker({
              position: latlng, 
              map: map
          }); 
          infowindow.setContent(results[0].formatted_address);
          infowindow.open(map, er);
        } else {
          alert("No results found");
        }
      } else {
        alert("Geocoder failed due to: " + status);
      }
    });
  }    </script>    <asp:Repeater ID="rptContact" runat="server" >
            <ItemTemplate>
                <table  width="700" >
                    <tr>
                        <td>
                        <div style="float:left; width:700px;">
                             <%#Eval("NewsContent")%>
                             </div>
                                     <div id="map_canvas" style="width: 725px; height: 340px; margin-top: 2px; margin-bottom: 5px;
            border: solid 1px #ccc; background-color: #F2EFE9; float:left;">
                                     </div>
        
                        </td>
                    </tr>
                </table>
                            
        
            </ItemTemplate>
    </asp:Repeater>
    <script>
        initialize();
        window.onerror=function(){return true;} 
    </script>
</asp:Content>