PhoneGap中文网

 找回密码
 立即注册
查看: 14437|回复: 0
打印 上一主题 下一主题

google.maps.places.SearchBox选择地址没有响应

[复制链接]

1

主题

1

帖子

9

积分

新手上路

Rank: 1

积分
9
跳转到指定楼层
楼主
发表于 2016-8-27 15:37:42 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
本帖最后由 M522828 于 2016-8-27 15:45 编辑

引入ionic.bundle.js后选择地址无响应,移除ionic.bundle.js可以正常选择地址。附上测试代码:
  1. <!DOCTYPE html>
  2. <html>

  3.         <head>
  4.                 <meta charset="UTF-8">
  5.                 <title></title>
  6.                 <script src="http://ditu.google.cn/maps/api/js?libraries=places&language=zh-HK"></script>
  7.         </head>
  8.         <body>
  9.                 <div>
  10.                         <input type="text" id="language" />
  11.                         <div id="map" style="height: 300px;"></div>
  12.                 </div>
  13.                 <script>
  14.                         function initialize() {
  15.                                 var mapOptions = {
  16.                                         zoom: 8,
  17.                                         center: new google.maps.LatLng(-34.397, 150.644)
  18.                                 };

  19.                                 var map = new google.maps.Map(document.getElementById('map'),
  20.                                         mapOptions);

  21.                                 var label_startPoint = document.getElementById('language');
  22.                                 startPointBox = new google.maps.places.SearchBox(label_startPoint);

  23.                                 startPointBox.addListener('places_changed', function() {
  24.                                         var places = startPointBox.getPlaces();
  25.                                         if(!places || places.length == 0) {
  26.                                                 return;
  27.                                         }

  28.                                         places.forEach(function(place) {
  29.                                                 var _address_forrmat = place.formatted_address;
  30.                                                 alert(_address_forrmat);
  31.                                         });
  32.                                 });
  33.                         }
  34.                         initialize();
  35.                 </script>
  36.                 <script src="js/ionic.bundle.min.js"></script>
  37.         </body>
  38. </html>
复制代码


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2025-1-3 01:08 , Processed in 0.085434 second(s), 34 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表