2012-05-02 13 views
20

Ho diversi luoghi con la loro latitudine e longitudine. Voglio mostrarli in google map. Questo è ok, quello che non posso è quello di visualizzare il marcatore alla lat specifica, posizione lunga.Incorpora il codice di Google Map in HTML con l'indicatore

ad es. Se ho il seguente codice, è possibile solo per effettuare un opzione per visualizzare il mercato così perché tutto il lat, long coord sono venendo da un database e ha fatto eco con php

<iframe width="425" height="350" frameborder="0" scrolling="no" 
     marginheight="0" marginwidth="0" 
     src="http://maps.google.mu/?ie=UTF8&amp;ll=-20.234496,57.603722&amp;spn=0.093419,0.169086&amp;t=m&amp;z=13&amp; 
     output=embed"></iframe> 
     <br /> 
     <small><a href="http://maps.google.mu/?ie=UTF8&amp;ll=-20.234496,57.603722 
        &amp;spn=0.093419,0.169086&amp;t=m&amp;z=13&amp;source=embed" 
       style="color:#0000FF;text-align:left">View Larger Map 
       </a> 
     </small> 

risposta

11

L'elemento che hai postato sembra che sia appena stato incollato dalla funzione di incorporamento di Google Maps.

Se desideri inserire indicatori per le posizioni che hai, dovrai scrivere qualche JavaScript per farlo. Sto imparando come fare anche questo.

controllare il seguente: https://developers.google.com/maps/documentation/javascript/overlays

Ha diversi esempi ed esempi di codice che possono essere facilmente riutilizzati e adattati per misura il vostro problema attuale.

6

L'apprendimento della libreria JavaScript di Google è una buona opzione. Se non hai voglia di entrare nel codice potresti trovare utile Maps Engine Lite.

È uno strumento recentemente pubblicato da Google in cui è possibile creare le proprie mappe personali (creare indicatori, disegnare geometrie e adattare i colori e gli stili).

Ecco un utile tutorial che ho trovato: Quick Tip: Embedding New Google Maps

39

Vorrei suggerire questo modo, una linea iframe. niente javascript necessario. ? in Query q =,

<iframe src="http://maps.google.com/maps?q=12.927923,77.627108&z=15&output=embed"></iframe>

+0

& output = embed non è più supportato. –

+0

Ciò non consente più di un punto. – Yay295

3

javascript o di terzi 'strumenti' necessario, utilizzare questo:

<iframe src="https://www.google.com/maps/embed/v1/place?key=<YOUR API KEY>&q=71.0378379,-110.05995059999998"></iframe> 

il parametro luogo offre il marcatore

ci sono alcune opzioni per il formato del parametro 'q' r

assicuratevi di avere Google Maps API di incorporare e Static Maps API abilitato nelle API o Google bloccare la richiesta

Per ulteriori informazioni consulta here

Problemi correlati