2010-10-19 130 views
3

是否可以使用位置名称动态标记谷歌地图中的位置? 客户将通过rss提供给我们提供位置名称。我们将用php脚本抓取该位置(这不是一个担心),然后想要在谷歌地图中标记它们。谷歌地图上的位置名称/标记位置

说,如果我们得到的地址:韦斯顿镇康乐部20字母LN,韦斯顿,MA(781),那么我们必须把它标志着GOOGEL地图

我不知道很多关于如何张贴此或纪念这个并动态显示网页,因为我是新手这个谷歌地图

请指导我这个问题..

我也想了一些细节添加到其自带的弹出时,鼠标悬停在谷歌的标志地图 - 请为此提出解决方案

回答

3

您需要Geocode您的地址,然后使用results[idx].geometry.location设置标记。 (谷歌地图的地理编码页面有an example让你开始。)加入


谷歌代码在这里情况下,它都没有改变/不复存在。

var geocoder, map; 
function initialize() { 
    geocoder = new google.maps.Geocoder(); 
    var latlng = new google.maps.LatLng(-34.397, 150.644); 
    var myOptions = { 
    zoom: 8, 
    center: latlng, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
    } 
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
} 

function codeAddress() { 
    var address = document.getElementById("address").value; 
    geocoder.geocode({ 'address': address}, function(results, status) { 
    if (status == google.maps.GeocoderStatus.OK) { 
     map.setCenter(results[0].geometry.location); 
     var marker = new google.maps.Marker({ 
      map: map, 
      position: results[0].geometry.location 
     }); 
    } else { 
     alert("Geocode was not successful for the following reason: " + status); 
    } 
    }); 
} 

<body onload="initialize()"> 
<div id="map_canvas" style="width: 320px; height: 480px;"></div> 
    <div> 
    <input id="address" type="textbox" value="Sydney, NSW"> 
    <input type="button" value="Encode" onclick="codeAddress()"> 
    </div> 
</body> 
+0

地理数字文档已经移动(这里)(https://developers.google.com/maps/documentation/javascript/geocoding)和示例[存在](https://developers.google.com/maps/documentation/javascript/geocoding#GeocodingStatusCodes) – 2013-02-06 13:21:33

+0

@ChristianLescuyer - 更新 - 感谢您的帮助! – 2013-02-06 14:11:25