<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transicional//EN " "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<título>根据地址查询经纬度</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="http://api.map. baidu.com/api?v=2.0&ak=kRHuqFbkaoDcf5CsmOY0fwlpOZZgMxkt"></script>
</head>
<body style="background: #CBE1FF">
<div style="width:730px;margin:auto;">
Dirección a consultar: <input id="text_" type="text" value="" style="margin-right:100px;" />
Resultado de la consulta (latitud y longitud): <input id="result_" type="text" />
<input type="button" value="Query" onclick="searchByStationName();"/>
</div>
<div id= "contenedor"
estilo="ancho:1600px;altura:900px; margen:automático;">
</div>
</cuerpo>
<script type="text/javascript">
var map = new BMap.Map("contenedor ");
map.centerAndZoom("Ningbo", 12);
map.enableScrollWheelZoom(); //Habilite la rueda de desplazamiento para acercar y alejar, y
map.enableContinuousZoom() está deshabilitado de forma predeterminada; //Habilite el arrastre inercial del mapa, y
map.addControl(new BMap. NavigationControl()); //Agregar zoom predeterminado y
mapa de control panorámico. addControl(new BMap.OverviewMapControl()); //Agregar control de mapa en miniatura predeterminado
map.addControl(new BMap.OverviewMapControl({ isOpen: true, ancla: BMAP_ANCHOR_BOTTOM_RIGHT })); //Esquina inferior derecha, abrir
var localSearch = new BMap.LocalSearch(mapa);
localSearch.enableAutoViewport(); //Permitir ajuste automático de la
función de tamaño del cuerpo de la ventana searchByStationName() {
map.clearOverlays();//clear the original label
var keyword = document.getElementById("text_").value;
localSearch.setSearchCompleteCallback(function (searchResult) {
var poi = searchResult. getPoi(0);
document.getElementById("result_").value = poi.point.lng + "," + poi.point.lat;
map.centerAndZoom(poi.point, 13);
var marcador = new BMap.Marker (new BMap .Point(poi.point.lng, poi.point.lat));//Crear una etiqueta, que es la latitud y longitud correspondiente al lugar a consultar
map.addOverlay(marcador);
var content = document.getElementById("text_").value + "<br/><br/>经度:" + poi.point.lng + "<br/>纬度:" + poi.point.lat;
var infoWindow = new BMap.InfoWindow("<p style='font-size:14px;'>" + content + "</p>");
marcador.addEventListener("clic", function () { this.openInfoWindow(infoWindow); });
});
localSearch.search(palabra clave);
}
map.addEventListener("click", function(e){
var point = new BMap.Point(116.331398,39.897445);
map.centerAndZoom(point,12);
map.enableScrollWheelZoom(true);
var geoc = new BMap.
var pt = e.point;
geoc.getLocation(pt, function(rs){
//El objeto AddressComponents puede obtener información detallada de la dirección
var addComp = rs.addressComponents;
var site = addComp.province + ", " + addComp.city + " , " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber;
localSearch.setSearchCompleteCallback(function (searchResult) {
var poi = searchResult.getPoi(0);
document.getElementById("result_ ") .value = poi.point.lng + "," + poi.point.lat;
map.centerAndZoom(poi.point, 13);
var marcador = new BMap.Marker(new BMap.Point(poi.point.lng , poi .punto. lat)); // Crea una etiqueta, que es el mapa de latitud y
longitud.addOverlay(marker);
var content = document.getElementById("text_").value + "<br/><br/>经度:" + poi.point.lng + "<br/>纬度:" + poi.point.lat;
var infoWindow = new BMap.InfoWindow("<p style='font-size:14px;'>" + content + "</p>");
marcador.addEventListener("clic", function () { this.openInfoWindow(infoWindow); });
});
localSearch.search(sitio);
});
});
</script>
</html>
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transicional//EN " "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<título>根据地址查询经纬度</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="http://api.map. baidu.com/api?v=2.0&ak=kRHuqFbkaoDcf5CsmOY0fwlpOZZgMxkt"></script>
</head>
<body style="background: #CBE1FF">
<div style="width:730px;margin:auto;">
Dirección a consultar: <input id="text_" type="text" value="" style="margin-right:100px;" />
Resultado de la consulta (latitud y longitud): <input id="result_" type="text" />
<input type="button" value="Query" onclick="searchByStationName();"/>
</div>
<div id= "contenedor"
estilo="ancho:1600px;altura:900px; margen:automático;">
</div>
</cuerpo>
<script type="text/javascript">
var map = new BMap.Map("contenedor ");
map.centerAndZoom("Ningbo", 12);
map.enableScrollWheelZoom(); //Habilite la rueda de desplazamiento para acercar y alejar, y
map.enableContinuousZoom() está deshabilitado de forma predeterminada; //Habilite el arrastre inercial del mapa, y
map.addControl(new BMap. NavigationControl()); //Agregar zoom predeterminado y
mapa de control panorámico. addControl(new BMap.OverviewMapControl()); //Agregar control de mapa en miniatura predeterminado
map.addControl(new BMap.OverviewMapControl({ isOpen: true, ancla: BMAP_ANCHOR_BOTTOM_RIGHT })); //Esquina inferior derecha, abrir
var localSearch = new BMap.LocalSearch(mapa);
localSearch.enableAutoViewport(); //Permitir ajuste automático de la
función de tamaño del cuerpo de la ventana searchByStationName() {
map.clearOverlays();//clear the original label
var keyword = document.getElementById("text_").value;
localSearch.setSearchCompleteCallback(function (searchResult) {
var poi = searchResult. getPoi(0);
document.getElementById("result_").value = poi.point.lng + "," + poi.point.lat;
map.centerAndZoom(poi.point, 13);
var marcador = new BMap.Marker (new BMap .Point(poi.point.lng, poi.point.lat));//Crear una etiqueta, que es la latitud y longitud correspondiente al lugar a consultar
map.addOverlay(marcador);
var content = document.getElementById("text_").value + "<br/><br/>经度:" + poi.point.lng + "<br/>纬度:" + poi.point.lat;
var infoWindow = new BMap.InfoWindow("<p style='font-size:14px;'>" + content + "</p>");
marcador.addEventListener("clic", function () { this.openInfoWindow(infoWindow); });
});
localSearch.search(palabra clave);
}
map.addEventListener("click", function(e){
var point = new BMap.Point(116.331398,39.897445);
map.centerAndZoom(point,12);
map.enableScrollWheelZoom(true);
var geoc = new BMap.
var pt = e.point;
geoc.getLocation(pt, function(rs){
//El objeto AddressComponents puede obtener información detallada de la dirección
var addComp = rs.addressComponents;
var site = addComp.province + ", " + addComp.city + " , " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber;
localSearch.setSearchCompleteCallback(function (searchResult) {
var poi = searchResult.getPoi(0);
document.getElementById("result_ ") .value = poi.point.lng + "," + poi.point.lat;
map.centerAndZoom(poi.point, 13);
var marcador = new BMap.Marker(new BMap.Point(poi.point.lng , poi .punto. lat)); // Crea una etiqueta, que es el mapa de latitud y
longitud.addOverlay(marker);
var content = document.getElementById("text_").value + "<br/><br/>经度:" + poi.point.lng + "<br/>纬度:" + poi.point.lat;
var infoWindow = new BMap.InfoWindow("<p style='font-size:14px;'>" + content + "</p>");
marcador.addEventListener("clic", function () { this.openInfoWindow(infoWindow); });
});
localSearch.search(sitio);
});
});
</script>
</html>