当前位置：文江博客话题详情

如何向标记添加 over (hoover) 事件以显示地址

发布于 2024-11-23 19:46:35 字数 79 浏览 5 评论 0原文

在谷歌地图中，当我添加标记时，我希望它成为一个气泡，其中包含谷歌为该位置提供的地址。我必须使用哪些选项来发送标记对象（或者它是标记对象？）

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

裂开嘴轻声笑有多痛 2024-11-30 19:46:36

我可以使用以下 google-maps-api-v3 javascript 嵌入代码绘制/冒泡给定的地址/邮政编码（不超过 8 个）。

 <!DOCTYPE html>
 <html>
 <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <title>Google Maps JavaScript API v3 Example: Directions Waypoints</title>
    <link href="http://code.google.com/apis/maps/documentation/javascript/examples/standard.css" rel="stylesheet" type="text/css" />
    <script src="https://maps-api-ssl.google.com/maps/api/js?v=3&sensor=false"  type="text/javascript"></script>
    <script type="text/javascript">
       function initialize() {

            var directionDisplay;
            var directionsService = new google.maps.DirectionsService();

            var map;
            directionsDisplay = new google.maps.DirectionsRenderer();

            var chicago = new google.maps.LatLng(41.850033, -87.6500523);
            var myOptions = {
            zoom: 6,
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            center: chicago }

            var waypts = [];
            var PtsArray = [];

            //Give input as postcode/place name as a single string seperated by pipeline character as follows. 
            var PointsString = "LE126UW" + "|" + "NG104AH" + "|" + "B112RJ" + "|" + "London";            


            PtsArray = PointsString.split("|");

            var length = PtsArray.length;
            if (length > 2) {
            for (i = 1; i < (length - 1); i++) {
               waypts.push({
                   location: String(PtsArray[i]),
                   stopover: true
                });
             }
           }

         var request = {
           origin: String(PtsArray[0]),
           destination: String(PtsArray[length - 1]),
           waypoints: waypts,
           optimizeWaypoints: false,//set this to true to get optimized path else it will plot as the given input.
           travelMode: google.maps.DirectionsTravelMode.DRIVING//set your travel mode here (walking,driving..)
          };


           directionsService.route(request, function (response, status) {

              if (status == google.maps.DirectionsStatus.OK) {
                  map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
                  directionsDisplay.setMap(map);
                  directionsDisplay.setDirections(response);
                  var route = response.routes[0];
                  var total = 0;
                  var numberLegs = route.legs.length;
               }
               else {
                   alert("Could not load data.." + status);
               }
         });
      }       

 </script>

希望这也能帮助你...

I could plot/bubble the given addresses/postcodes(not more than eight) using the following google-maps-api-v3 javascript embed code.

 <!DOCTYPE html>
 <html>
 <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <title>Google Maps JavaScript API v3 Example: Directions Waypoints</title>
    <link href="http://code.google.com/apis/maps/documentation/javascript/examples/standard.css" rel="stylesheet" type="text/css" />
    <script src="https://maps-api-ssl.google.com/maps/api/js?v=3&sensor=false"  type="text/javascript"></script>
    <script type="text/javascript">
       function initialize() {

            var directionDisplay;
            var directionsService = new google.maps.DirectionsService();

            var map;
            directionsDisplay = new google.maps.DirectionsRenderer();

            var chicago = new google.maps.LatLng(41.850033, -87.6500523);
            var myOptions = {
            zoom: 6,
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            center: chicago }

            var waypts = [];
            var PtsArray = [];

            //Give input as postcode/place name as a single string seperated by pipeline character as follows. 
            var PointsString = "LE126UW" + "|" + "NG104AH" + "|" + "B112RJ" + "|" + "London";            


            PtsArray = PointsString.split("|");

            var length = PtsArray.length;
            if (length > 2) {
            for (i = 1; i < (length - 1); i++) {
               waypts.push({
                   location: String(PtsArray[i]),
                   stopover: true
                });
             }
           }

         var request = {
           origin: String(PtsArray[0]),
           destination: String(PtsArray[length - 1]),
           waypoints: waypts,
           optimizeWaypoints: false,//set this to true to get optimized path else it will plot as the given input.
           travelMode: google.maps.DirectionsTravelMode.DRIVING//set your travel mode here (walking,driving..)
          };


           directionsService.route(request, function (response, status) {

              if (status == google.maps.DirectionsStatus.OK) {
                  map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
                  directionsDisplay.setMap(map);
                  directionsDisplay.setDirections(response);
                  var route = response.routes[0];
                  var total = 0;
                  var numberLegs = route.legs.length;
               }
               else {
                   alert("Could not load data.." + status);
               }
         });
      }       

 </script>

Hope this helps you too...

回复收藏 0 原文

~没有更多了~