将交互式标记放在谷歌地图API中

时间:2010-10-26 06:11:53

标签: google-maps phpmyadmin

我想在网页中放置一张地图,用户可以根据需要放置交互式标记(定位销)。现在,无论何时放置标记,我都希望将指定标记的lat,long值存储在我服务器(phpmyadmin)中的数据库中。

尝试开始使用Google Map Data API。已经看过很多例子,但找不到任何可以放置交互式标记的地方。

1 个答案:

答案 0 :(得分:1)

我将向您展示如何使用v3 of the APi

进行操作
  • 创建你的地图......我会假设你已经把这部分放下了。
  • 向地图添加事件侦听器。此事件侦听器将调用将创建标记的函数(在本例中为add_marker)。您可以使用任何所需的事件,这将使用click事件。

google.maps.event.addListener(this.map, 'click', add_marker);

  • 创建将标记添加到db然后添加到地图的功能。这将需要一些AJAX。您可以使用event.latLng获取lat / lng

function add_marker( event ) {
    lat = event.latLng.lat;
    lng = event.latLng.lng;
    // ajax code here that posts the lat/lng to the server
    // only call the remaining code to add the marker if it was successful
    var marker = new google.maps.Marker({
        position: event.latLng,
        map: map // put the handle of your map here
    });
}