Integrar Google Maps
2 seguidores
Hola no sé javascript y ajax menos,
necesito poner un mapa en la web,
necesito poder poner varios marcadores en una ciudad, he encontrado tutoriales sencillas como integrar un mapa con solo un marcador, pero necesito más.
Este es el ejemplo que quiero hacer, pero no puedo copiar el codigo porque los marcadores estan puesto en cualquier sitio y no en un punto exacto:
http://code.google.com/apis/maps/documentation/examples/icon-custom.html
Si alguien sabe de un buen tutorial o algo, gracias
helenp
VAYA, ahora veo que la etiqueta que uso en la web no se ha p egado....
lo he vuelto a intentar y no se puede..
esta es(sin los <>)
<code>!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"</code>
tendré problemas con el mapa con esa etiqueta?
Lo de numerar los marcadores lo voy a dejar, no importa tanto pensandolo bien.
helenp
Otra cosa que me preocupa:
en google dice esto:
We recommend that you use standards-compliant XHTML on pages that contain maps. When browsers see the XHTML DOCTYPE at the top of the page, they render the page in "standards compliance mode," which makes layout and behaviors much more predictable across browsers. Pages without that definition may render in "quirks mode" which can lead to inconsistent layout.
Y la etiqueta que yo uso en la web es esta:
<DOCTYPE>
Segun yo me acuerdo mi web no va en quirks mode.
¿Tengo que cambiar a xhtml?
helenp
HARTUM
Aquiiiiiiiii http://code.google.com/apis/m aps/documentation/examples/index.html donde pone custom-icon ;-) y mira tu por donde el ejemplo viene con letras.
si te refieres a este:
http://code.google.com/apis/maps/documentation/examples/icon-custom.html
si ese es el que yo dije que querría, pero que viene en un array y en cualquier sitio, no sé cambiarlo, si no vendria en random locations me vendria perfecto y si no fuera un array porque tendria que quitar y poner y con un array seria un lio:
<code>
// Create a base icon for all of our markers that specifies the
// shadow, icon dimensions, etc.
var baseIcon = new GIcon();
baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
baseIcon.iconSize = new GSize(20, 34);
baseIcon.shadowSize = new GSize(37, 34);
baseIcon.iconAnchor = new GPoint(9, 34);
baseIcon.infoWindowAnchor = new GPoint(9, 2);
baseIcon.infoShadowAnchor = new GPoint(18, 25);
// Creates a marker whose info window displays the letter corresponding
// to the given index.
function createMarker(point, index) {
// Create a lettered icon for this point using our icon class
var letter = String.fromCharCode("A".charCodeAt(0) + index);
var letteredIcon = new GIcon(baseIcon);
letteredIcon.image = "http://www.google.com/mapfiles/marker" + letter + ".png";
// Set up our GMarkerOptions object
markerOptions = { icon:letteredIcon };
var marker = new GMarker(point, markerOptions);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml("Marker <b>" + letter + "</b>");
});
return marker;
}
// Add 10 markers to the map at random locations
var bounds = map.getBounds();
var southWest = bounds.getSouthWest();
var northEast = bounds.getNorthEast();
var lngSpan = northEast.lng() - southWest.lng();
var latSpan = northEast.lat() - southWest.lat();
for (var i = 0; i < 10; i++) {
var latlng = new GLatLng(southWest.lat() + latSpan * Math.random(),
southWest.lng() + lngSpan * Math.random());
map.addOverlay(createMarker(latlng, i));
</code>
SOCORRO
Tengo unos marcadores con letras que se podria usar con un enlace pero como hacerlo? no encuentro ejemplos
hartum
helenp
Donde viene? no lo encuentro, pero lo más dificil es meterlo en el script, que no sé javascript, no encuentro ningun sitio para meter marcadores personalizados.
Aquiiiiiiiii http://code.google.com/apis/maps/documentation/examples/index.html donde pone custom-icon ;-) y mira tu por donde el ejemplo viene con letras.
helenp
HARTUM
Hey Helen, veo que ya te estas soltando........., en los ejemplos de google no viene como ponerles letras a los marcadores, pero si viene como hacerte tus propios iconos para los marcadores, .
Suerteeeeeeeeeee.
Donde viene? no lo encuentro, pero lo más dificil es meterlo en el script, que no sé javascript, no encuentro ningun sitio para meter marcadores personalizados.
Yo tambien he pensado en ponerlos con enlaces directos, pero no sé como poner los enlaces y cambiar el script.
hartum
Hey Helen, veo que ya te estas soltando........., en los ejemplos de google no viene como ponerles letras a los marcadores, pero si viene como hacerte tus propios iconos para los marcadores, aprovecha y cambia esos tan feurrios de googlemaps por otros mas bonitos con las letras que quieras y para rematar pues la plaicacion para hacer sombras que te envié.
Suerteeeeeeeeeee.
helenp
Ya he conseguido poner varios marcadores en su sitio, con enlace y todo y no ha sido dificil:
ver ejemplo:
http://www.marbellasunrentals.com/test6.htm/
Ahora el gran problema, quiero varios marcadores (ya lo consegui) pero los quiero con letras, como en el ejemplo de google, no encuentro ningun tutorial que lo tenga y el ejemplo de google tiene 10 marcadores con letras en un array y puesto en cualquier sitio, no entiendo porque hace un ejemplo asi,
Asi lo quiero pero puesto en las coordinadas que yo diga:
http://code.google.com/apis/maps/documentation/examples/icon-custom.html
Socorro, no tengo ni xxxx idea.
helenp
HARTUM
1) hazte una mini aplicación que te devuelva las coordenadas cuando pinches en el mapa, y apunta todas las coordenadas que necesites.(mirate este ejemplo: http://code.google.com/apis/maps/documentation/examples/event-context.html
Gracias por los enlaces, me preocupa un poco la facilidad y exactitud para obtener las coordinadas ya que voy a estar quitando y poniendo marcadores.
Ya he hecho la mini aplicación:
http://www.marbellasunrentals.com/coordinadas.htm/
y parece que no da las coordinadas donde pincha sino de la zona que esta en el centro....o sea a ojo, o me equivoco.
Lo que no entiendo es que si quito la barra al final de la url
http://www.marbellasunrentals.com/coordinadas.htm/
no funciona...
hartum
Y con esto rematas la faena jajajajaja:
http://www.visual-blast.com/es/online-tools/shadowmaker-for-google-maps-icons/
hartum
Bueno helen pero como sabes ingles, seguro que este tutorial te sirve:
http://www.econym.demon.co.uk/googlemaps/
Yo estuve hace tiempo haciendo pruebas y en general poner varios puntos no tiene mucho misterio, es lo mismo que poner 1 solo, lo unico que tienes que ir variando las coordenadas.
1) hazte una mini aplicación que te devuelva las coordenadas cuando pinches en el mapa, y apunta todas las coordenadas que necesites.(mirate este ejemplo: http://code.google.com/apis/maps/documentation/examples/event-context.html que viene de aqui: http://code.google.com/apis/maps/documentation/examples/index.html) event example/event-context
2) ve añadiendo puntos con las coordenadas apuntadas
3)Ojo que si quieres ir añadiendo o quitando puntos eso es harina de otro costal.Si eso volvemos a hablar.
helenp
Acabo de encontrar que hay una extension para dreamweaver,
alquien lo ha usado? que tal va?