Google maps boîte de recherche à l'extérieur de la carte

Je suis en train de jouer avec l'API Google Maps, et j'ai inséré un formulaire de recherche avec saisie semi-automatique. Le problème est que l'entrée de la boîte est bloqué dans la carte. Je ne peut pas l'afficher à l'extérieur de la carte.

<div style=" margin-top:100px;background: #00a6d6; width: 100%; height:100px;"><input id="address" style="position:absolute; left:1000px;"  type="text"
        placeholder="Enter a location"></div>

<div>
<div id="map-canvas" style="height:500px; width:500px;"></div></div>

http://jsfiddle.net/KyMCy/1/ Regarder ici. Je veux la case de recherche pour être dans le conteneur bleu.

Grâce.

Si vous ne voulez pas "collé" à la carte, ne pas en faire un contrôle. jsfiddle.net/n9nTJ/1
Mais alors, je ne peux pas utiliser la saisie semi-automatique?
Pourquoi dites-vous cela? jsfiddle.net/n9nTJ/2
Vous pouvez vérifier cela aussi: developers.google.com/maps/documentation/javascript/examples/...

OriginalL'auteur user3111076 | 2014-01-04

  1. 16

    En gros si je comprends bien, vous voulez avoir une entrée avec saisie semi-automatique de mise à jour de Google maps. Mais vous voulez en dehors de la carte

    Cette ligne, est ce que lier votre entrée à la carte. Vous n'en avez pas besoin

    map.controls[google.maps.ControlPosition.TOP_LEFT].push(input);

    Alors que vous venez de supprimer la left: 1000px de votre entrée et que c'est.

    http://jsfiddle.net/KyMCy/5/

    C'est la réponse correcte. L'un par MrUpsidown fait en réalité référence à la "saisie semi-automatique" appel d'api et non pas le ""searchbox"". Il existe une différence significative - developers.google.com/maps/documentation/javascript/...
    "Le problème est que l'entrée de la boîte est bloqué dans la carte. Je ne peut pas l'afficher à l'extérieur de la carte." C'est le problème que j'ai lu. Je pense que cette réponse est ce qu'il voulait. Je vote pour la réponse
    Excellent. Merci pour la réponse succincte.

    OriginalL'auteur Gary Olsson