Javascript Google API V3鼠标悬停和调用_Javascript_Google Maps

Javascript Google API V3鼠标悬停和调用

javascript google-maps

Javascript Google API V3鼠标悬停和调用,javascript,google-maps,Javascript,Google Maps,我将要开始在一个有谷歌地图早期版本的网站上实现谷歌地图V3 这是一个很难升级的变化吗我还需要将api密钥添加到调用中吗例如：新电话前一个电话最后，我需要将鼠标悬停在带有地址的链接上，地址显示在地图上，这是一项复杂的任务吗 v3api的名称空间、类名和体系结构与v2api完全不同。我不认为升级很难，但这不是小事。进一步阅读： V3API不再需要API密钥。只需包括你在问题中提到的脚本在悬停状态下对地址进行地理编码并不十分困难。您可能希望查看以下示例以帮助您入门：例如： <!

我将要开始在一个有谷歌地图早期版本的网站上实现谷歌地图V3

这是一个很难升级的变化吗

我还需要将api密钥添加到调用中吗

例如：

新电话

前一个电话

最后，我需要将鼠标悬停在带有地址的链接上，地址显示在地图上，这是一项复杂的任务吗

v3api的名称空间、类名和体系结构与v2api完全不同。我不认为升级很难，但这不是小事。进一步阅读：

V3API不再需要API密钥。只需包括你在问题中提到的脚本

在悬停状态下对地址进行地理编码并不十分困难。您可能希望查看以下示例以帮助您入门：

例如：

<!DOCTYPE html>
<html> 
<head> 
   <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
   <title>Google Maps Geocoding On Hover</title> 
   <script src="http://maps.google.com/maps/api/js?sensor=false" 
           type="text/javascript"></script> 
</head> 
<body> 
   <div id="map" style="width: 400px; height: 300px;"></div> 

   <ul>
     <li><a href="#" onmouseover="gc(this);">Oxford Street, London, UK</a></li>
     <li><a href="#" onmouseover="gc(this);">5th Ave, New York, USA</a></li>
     <li><a href="#" onmouseover="gc(this);">Via Nazionale, Rome, Italy</a></li>
     <li><a href="#" onmouseover="gc(this);">Rue de Rivoli, Paris, France</a></li>
   </ul>

   <script type="text/javascript"> 
     var address = 'London, UK';

     var map = new google.maps.Map(document.getElementById('map'), { 
         mapTypeId: google.maps.MapTypeId.ROADMAP,
         center: new google.maps.LatLng(40.71, -74.00),
         zoom: 13
     });

     var geocoder = new google.maps.Geocoder();
     var marker;

     function gc(element) {
       geocoder.geocode({
           'address': element.innerHTML
        }, 
        function(results, status) {
          if(status == google.maps.GeocoderStatus.OK) {

            // Clear the previous marker
            if (marker) marker.setMap(null);

            // Set the new marker
            marker = new google.maps.Marker({
              position: results[0].geometry.location,
              map: map
            });

            // Center the map on the geocoded result
            map.setCenter(results[0].geometry.location);
          }
       });
     }

   </script> 
</body> 
</html>


谷歌地图地理编码悬停






var地址='英国伦敦'；
var map=new google.maps.map（document.getElementById（'map'），{
mapTypeId:google.maps.mapTypeId.ROADMAP，
中心：新google.maps.LatLng（40.71，-74.00），
缩放：13
});
var geocoder=new google.maps.geocoder（）；
var标记；
函数gc（元素）{
地理编码({
“地址”：element.innerHTML
}, 
功能（结果、状态）{
if（status==google.maps.GeocoderStatus.OK）{
//清除上一个标记
if（marker）marker.setMap（null）；
//设置新标记
marker=新的google.maps.marker({
位置：结果[0]。geometry.location，
地图：地图
});
//将地图置于地理编码结果的中心
map.setCenter（结果[0].geometry.location）；
}
});
}

截图：

您是否有特定的问题？另外，我会检查你上面粘贴的HTML；这似乎是无效的。（我在修改格式时注意到了，但我不想更改格式，以防这是问题的根源。