Question

我已使用以下内容向我的网站添加了地址自动填写字段：

http://ubilabs.github.io/geocomplete/examples/simple.html

使用的确切代码（取自上面的网站）是：

<!--GeoLocation AutoComplete--->     
     <script src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;libraries=places"></script> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
     <script src="http://ubilabs.github.io/geocomplete/jquery.geocomplete.js"></script>

     <script>
      $(function(){

        $("#geocomplete1").geocomplete()
          .bind("geocode:result");
     });
     </script>

<!--HTML-->
 <label class="inp2"><input id="geocomplete1" onfocus="this.value=''" onblur ="if (this.value == '') { this.value ='Enter Address from' }"  value="Enter Address from"  type="text"></label>

这可行，并且自动完成地址就好了，但由于一些奇怪的原因，由谷歌和＃34;假设位于意见框右下角的徽标未显示。

澄清一下，我不是在谈论由谷歌提供的＆＃34;右边的徽标在搜索字段之外，我正在谈论一旦你开始输入就打开的地址建议框内的那个。

Answer 1

谢谢ilmk，虽然直接在我的CSS中添加该行并没有达到我想要的效果，但它只在我右边的建议框之外添加了徽标，这是我不需要的，但你确实给了我一个想法到哪里添加解决问题的那一行，

添加：

后

background: url(https://developers.google.com/maps/documentation/places/images/powered-by-google-on-white.png) no-repeat center right;

我的style.css中的.pac-container就像这样：

.pac-container:after{
    content:"";
    padding:1px 1px 1px 0;
    height:16px;
    text-align:right;
    display:block;
    background: url(https://developers.google.com/maps/documentation/places/images/powered-by-google-on-white.png) no-repeat center right;
}

一切正常！再次感谢。

Answer 2

您看起来像 this?

<强> CSS

form {
background: url(https://developers.google.com/maps/documentation/places/images/powered-by-google-on-white.png) no-repeat center right;
}

<强> HTML

<form>
    <label class="inp2">
        <input id="geocomplete1" onfocus="this.value=''" onblur="if (this.value == '') { this.value ='Enter Address from' }" value="Enter Address from" type="text">
    </label>
</form>

Google徽标不支持在地址自动填写字段中显示

2 个答案: