Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17395
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Veja como alterar o ícone no google maps

11-05-2015 07:34

Nesse post estou mostrando um código de exemplo de como alterar o ícone no google maps.
Para trocar o ícone do google maps vá nessa linha abaixo, e define nela o caminho até o novo ícone.

var image = 'avatar.jpg';


<!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <meta charset="utf-8"> <title>Simple icons</title> <style> #map-canvas { width:500px; height:500px; } </style> <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true"></script> <script> // This example adds a marker to indicate the position // of Bondi Beach in Sydney, Australia function initialize() { var mapOptions = { zoom: 4, center: new google.maps.LatLng(-33, 151) } var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); var image = 'avatar.jpg'; var myLatLng = new google.maps.LatLng(-33.890542, 151.274856); var beachMarker = new google.maps.Marker({ position: myLatLng, map: map, icon: image }); } google.maps.event.addDomListener(window, 'load', initialize); </script> </head> <body> <div id="map-canvas"></div> </body> </html>

Fonte: https://developers.google.com/maps/docu ... con-simple
1
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum :rock:

Quem está online

Usuários navegando neste fórum: Bing [Bot]