添加点到谷歌地图API

时间:2010-08-18 16:09:34

标签: javascript html google-maps

我在我的网站上放了一个谷歌地图,我想在地图上添加点数,但我不知道该怎么做。我尝试了一些不同的东西,但它们没有用。以下是我到目前为止的情况:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"> 
  <head> 
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/> 
    <title>Google Maps JavaScript API Example: Simple Map</title> 
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=myKeyHere"
            type="text/javascript"></script> 
    <script type="text/javascript"> 

    function initialize() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(39.8163, -98.55762), 4);
        map.setUIToDefault();
      }
    }

    </script> 
  </head> 
  <body onload="initialize()" onunload="GUnload()"> 
    <div id="map_canvas" style="width: 750px; height: 500px"></div> 
  </body> 
</html> 

3 个答案:

答案 0 :(得分:2)

答案 1 :(得分:1)

我使用了这个插件(它使用谷歌地图V3,因为V2已被弃用)

http://blog.bobcravens.com/2010/06/06/AGoogleMapsVersion3JQueryPlugin.aspx

它还需要jquery(这使事情变得更容易)。它有

等方法

map.addMarkerByLatLng

map.addMarkerByAddress

希望有所帮助!

答案 2 :(得分:1)

Google Maps API显示有关如何执行此操作的信息。基本上做:

var point = new GLatLng(latitude,longitude);
map.addOverlay(new GMarker(point));