Usando o Google Maps na sua página HTML5

Inserindo um iframe a sua página HTML

• Vá no Google Maps
  https://www.google.com/maps/
• Insira no Campo o seguinte Endereço
  Norte Shopping Rio de Janeiro
• O Google Map vai localizar o Norte Shopping
•  Vai no menu do hambúrguer, no canto esquerdo acima.
• Vá no menu Compartilhar ou incorporar mapa
• Em Compartilhar, vá no menu Incorporar um mapa.
• Clique em COPIAR HTML
• Cole na sua página HTML

Google Maps URLs

Fonte: https://developers.google.com/maps/documentation/urls/get-started?hl=pt-br

Localizar o Endereço

Norte Shopping, Rio de Janeiro, RJ

• https://www.google.com/maps/search/?api=1&query=parameters
• https://www.google.com/maps/search/?api=1&query=Norte+Shopping%2CRio+de+Janeiro%2CRJ

Latitude e Longitude

47.5951518, -122.3316393

• https://www.google.com/maps/search/?api=1&query=parameters
• https://www.google.com/maps/search/?api=1&query=47.5951518%2C-122.3316393

Norte, Sul, Leste, Oeste

37.4185N, 122.08774W

• https://www.google.com/maps/search/?api=1&query=37.4185N+122.08774W

Rotas

Norte Shopping, Rio de Janeiro, RJ

Estação de Madureira, Rio de Janeiro, RJ

• https://www.google.com/maps/dir/?api=1&origin=parametro1&destination=parametro2&travelmode=driving
• https://www.google.com/maps/dir/?api=1&origin=Norte+Shopping%2CRio+de+Janeiro%2CRJ&destination=Estação+de+Madureira%2CRio+de+Janeiro%2CRJ&travelmode=driving

Panorama

Latitude, Longitude

48.857832, 2.295226

• https://www.google.com/maps/@?api=1&map_action=pano&viewpoint=parameters
• https://www.google.com/maps/@?api=1&map_action=pano&viewpoint=48.857832%2C2.295226