Google Maps Incorporez - Les Supprimer De La Carte

Je suis en utilisant la nouvelle version de Google maps code embed (iFrame) pour ajouter une petite carte pour mon site, mais je ne peux pas cacher la nouvelle adresse de la boîte dans le coin en haut à gauche (voir image ci-dessous).

Google Maps Incorporez - Les Supprimer De La Carte

J'ai généré la carte code en cliquant sur "Partager et intégrer la carte" (voir image ci-dessous), mais je me demande si j'ai besoin d'utiliser l'API complète pour atteindre cet objectif.

Google Maps Incorporez - Les Supprimer De La Carte

Toutes les ressources que j'ai trouvé pour l'instant juste de discuter de l'ancien intégration de la version et de la désactivation de la bulle d'informations qui n'est pas le même, et le seul indice que j'ai c'est que la classe HTML de la boîte est appelée "place de la carte", mais la recherche est toujours en m'apportant rien.

Toute aide ou un point dans la bonne direction serait très apprécié.

InformationsquelleAutor Sintyche | 2013-12-19
  1. 31

    Vous pouvez masquer tous les boutons avec les css. Créer un div conteneur largeur de dépassement cachés et les tailles dont vous avez besoin. Placez le nouveau google maps iframe/embed à l'intérieur avec un largersize. Pour positionner les cartes iframe utiliser des marges..

    Exemple avec 100% largeur:

    <div style="width: 100%; overflow: hidden; height: 300px;">
  <iframe 
     src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d39797.07748547086!2d5.46683904751879!3d51.433965676849986!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c6d90575ca5e3d%3A0x55989f5f344b006!2sPrins+Hendrikstraat+5!5e0!3m2!1snl!2snl!4v1392716144537"
     width="100%"
     height="600"
     frameborder="0"
     style="border:0; margin-top: -150px;">
  </iframe>
</div>

    Faire l'iframe 300px plus élevé que votre conteneur div. 150px pour masquer ci-dessous et 150px à cacher sur le dessus. Pour le cacher, 150 sur le haut de l'iframe utilisation:

    margin-top: -150px;

    • Semble assez hacky, mais très intelligent aussi. +1
    • pensez-vous que cela pourrait être considéré comme une violation de google les termes? je vous pose cette question parce que si vous faites la même chose pour cacher le droit d'auteur sur la ligne du bas, vous pourriez avoir des ennuis.
    • ce n'est pas ce que j'ai demandé, je me demandais simplement si le masquage de la boutons sur le haut ne pouvait pas être vu comme une atteinte comme il est lorsque vous masquez les avis de droit d'auteur.
    • Le problème avec ceci est qu'il cache également les contrôles de zoom
    • vous pouvez garder le zoom controlls si vous modifiez la feuille de style css. Définir la marge gauche négatif (je suppose -100px) et la hauteur inférieure.
    • Droit, mais alors vous perdez tout centré sur la broche dans le centre.
    • vous pouvez modifier le point central dans l'url de Google lorsque vous créez l'iframe.
    • Pas de. Faire la longitude et la latitude de la carte des ajustements en prenant de la taille de pixel et le niveau de zoom en considération est cauchemardesque au mieux. Pas une solution valable à tous.

    InformationsquelleAutor Bo Pennings
  2. 0

    vous pouvez essayer ceci:

    1. Aller à https://www.maps.ie/coordinates.html pour obtenir vos Coordonnées
    2. Aller sur Google Maps et entrez ces coordonnées (séparées par une virgule, comme ceci: 33.319663, -111.89780100000002)
    3. Cliquez sur Partager (situé sur la gauche)
    4. Cliquez sur Embed Carte
    5. Configurer la taille de la carte que vous souhaitez
    6. Copiez le code html

    Votre iframe sera quelque chose comme ceci:

    InformationsquelleAutor Alvin
  3. -3
    $('.place-card-large').css('display', 'none');
    • Alors que ce code peut répondre à la question, en fournissant plus de contexte sur le pourquoi et/ou comment ce code répond à la question améliore sa valeur à long terme.
    • Comment accédez-vous à l'iframe? c'est différent de domaine
    • Il n'est pas possible d'éditer le contenu d'une iframe.. non?
    InformationsquelleAutor Bhadresh