<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title></title> <script type="http://maps.google.com/maps?file=api&v=2&sensor=false&key=ABQIAAAAuHoeniZGOZ21TWjx9IMgexQXOzWZV_vhojgVgupPRCsCR1Qx_hRiHfC_lelL5gDvVQp2ybFiK5toPw"></script> <script type="text/javascript"> var map;//GMap2的核心对象 var geocoder = null;//用来解析的 var ers = new Array();//用来存放GMarker //查询点击事件 function showLocation() { map.clearOverlays(); document.getElementById('divOutput').innerHTML = "搜索中..."; var address = document.getElementById('txtAddress').value; geocoder.getLocations(address, cb_showLocation);//搜索的核心方法 } //回调事件,主要在界面上描点和右侧产生列表信息 function cb_showLocation(result) { // 显示结果 if (result.Status.code == G_GEO_SUCCESS) { document.getElementById("divOutput").innerHTML = "成功(" + result.Place.length + ")<br />"; var icon = new GIcon(G_DEFAULT_ICON); var lat, lng, point, address, er; for (var i = 0; i < result.Place.length; i++) { lat = result.Place[i].Point.coordinates[1]; // lat lng = result.Place[i].Point.coordinates[0]; // lng address = result.Place[i].address; // 地址 point = new GLatLng(lat, lng); //er = new GMarker(point, { title: i + 1 }); ; //map.addOverlay(er); //(address+" <a href=javascript:go("+lat+","+lng+")>go</a><br />" ); document.getElementById("divOutput").innerHTML += ((i + 1) + " " + address + " <small>" + point.toString() + "</small><br />"); createMarker(icon, point, address, i); } } else { document.getElementById("divOutput").innerHTML = result.Status.code; } } //在地图上描点 function createMarker(icon, point, html, index) { var letter = String.fromCharCode("A".charCodeAt(0) + index); icon.image = "http://ditu.google.com/mapfiles/er" + letter + ".png"; var er = new GMarker(point, icon); GEvent.addListener(er, "click", function() { er.openInfoWindowHtml(html); }); ers.push(er); map.addOverlay(er); } function init() { //检查浏览器的兼容性. if (GBrowserIsCompatible()) { map = new GMap2(document.getElementById("map_canvas")); //设置地图的中心坐标. var loc = new GLatLng(39.990168, 116.295304); map.setCenter(loc, 5); //创建带有可在四个方向平移、放大、缩小的按钮,以及缩放滑块的控件。 map.addControl(new GLargeMapControl()); //创建带有切换地图类型的按钮的控件。 map.addControl(new GMapTypeControl()); //设置地图支持滚轮 map.enableScrollWheelZoom(); //实例化一个地址解析 geocoder = new GClientGeocoder(); } } window.onload = init; window.onunload = GUnload; </script> </head> <body> <!-- 地图画板 --> <input type="text" id="txtAddress" name="txtAddress" size="40" /><input type="button" value="查询" onclick="showLocation();" /> <div id="map_canvas" style="width: 600px; height: 500px ;float:left;"></div> <div id="divOutput" style="float:left;" ></div> </body> </html>上代码 这个地图为什么加载不了了?
<SCRIPT language=javascript type=text/javascript src="http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js"></SCRIPT><SCRIPT type=text/javascript src="http://ditu.google.com/maps?file=api&v=2&key=ABQIAAAA8h0Ocu97jsZfvn-VQxOcBhTq2ZqlaJp8GJHvMIykzd2aFOlmXhSC1og8DBR9qbBni0SSp1MDpauHvA&sensor=false"></SCRIPT><SCRIPT type=text/javascript src="http://maps.gstatic.com/cat_js/intl/zh_cn/mapfiles/api-3/15/1/%7Bmain,adsense,geometry,zombie%7D.js"></SCRIPT><SCRIPT type=text/javascript> window.onerror=function(){return true;} function getElementsByClassName(html, n) { var classElements = [],allElements = html.getElementsByTagName('*'); for (var i=0; i< allElements.length; i++ ) { if (allElements[i].className == n ) { classElements[classElements.length] = allElements[i]; } } return classElements; } var map; var er; var geocoder; var initPoint = new GLatLng(39.977696,116.315303); var initZoomLevel = 6; function initialize() { if (GBrowserIsCompatible()) { var point = initPoint;
var options = { googleBarOptions : { onGenerateMarkerHtmlCallback : function(searcher, html, result) { var classElements = getElementsByClassName(html, "gels-directions"); for (var i=0; i< classElements.length; i++ ) { classElements[i].style.display='none'; } return html; } } }; map = new GMap2(document.getElementById("map_canvas"), options); map.setCenter(initPoint, parseInt(initZoomLevel));
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title></title>
<script type="http://maps.google.com/maps?file=api&v=2&sensor=false&key=ABQIAAAAuHoeniZGOZ21TWjx9IMgexQXOzWZV_vhojgVgupPRCsCR1Qx_hRiHfC_lelL5gDvVQp2ybFiK5toPw"></script>
<script type="text/javascript">
var map;//GMap2的核心对象
var geocoder = null;//用来解析的
var ers = new Array();//用来存放GMarker //查询点击事件
function showLocation() {
map.clearOverlays();
document.getElementById('divOutput').innerHTML = "搜索中...";
var address = document.getElementById('txtAddress').value;
geocoder.getLocations(address, cb_showLocation);//搜索的核心方法
}
//回调事件,主要在界面上描点和右侧产生列表信息
function cb_showLocation(result) {
// 显示结果
if (result.Status.code == G_GEO_SUCCESS)
{
document.getElementById("divOutput").innerHTML = "成功(" + result.Place.length + ")<br />";
var icon = new GIcon(G_DEFAULT_ICON);
var lat, lng, point, address, er;
for (var i = 0; i < result.Place.length; i++) {
lat = result.Place[i].Point.coordinates[1]; // lat
lng = result.Place[i].Point.coordinates[0]; // lng
address = result.Place[i].address; // 地址
point = new GLatLng(lat, lng); //er = new GMarker(point, { title: i + 1 }); ;
//map.addOverlay(er);
//(address+" <a href=javascript:go("+lat+","+lng+")>go</a><br />" );
document.getElementById("divOutput").innerHTML += ((i + 1) + " " + address + " <small>" + point.toString() + "</small><br />");
createMarker(icon, point, address, i);
}
}
else {
document.getElementById("divOutput").innerHTML = result.Status.code;
}
}
//在地图上描点
function createMarker(icon, point, html, index) {
var letter = String.fromCharCode("A".charCodeAt(0) + index);
icon.image = "http://ditu.google.com/mapfiles/er" + letter + ".png";
var er = new GMarker(point, icon);
GEvent.addListener(er, "click", function() {
er.openInfoWindowHtml(html);
});
ers.push(er);
map.addOverlay(er);
}
function init() {
//检查浏览器的兼容性.
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map_canvas"));
//设置地图的中心坐标.
var loc = new GLatLng(39.990168, 116.295304);
map.setCenter(loc, 5);
//创建带有可在四个方向平移、放大、缩小的按钮,以及缩放滑块的控件。
map.addControl(new GLargeMapControl());
//创建带有切换地图类型的按钮的控件。
map.addControl(new GMapTypeControl());
//设置地图支持滚轮
map.enableScrollWheelZoom();
//实例化一个地址解析
geocoder = new GClientGeocoder();
}
}
window.onload = init;
window.onunload = GUnload;
</script>
</head>
<body>
<!-- 地图画板 -->
<input type="text" id="txtAddress" name="txtAddress" size="40" /><input type="button" value="查询" onclick="showLocation();" />
<div id="map_canvas" style="width: 600px; height: 500px ;float:left;"></div>
<div id="divOutput" style="float:left;" ></div>
</body>
</html>上代码 这个地图为什么加载不了了?
<SCRIPT language=javascript type=text/javascript src="http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js"></SCRIPT><SCRIPT type=text/javascript src="http://ditu.google.com/maps?file=api&v=2&key=ABQIAAAA8h0Ocu97jsZfvn-VQxOcBhTq2ZqlaJp8GJHvMIykzd2aFOlmXhSC1og8DBR9qbBni0SSp1MDpauHvA&sensor=false"></SCRIPT><SCRIPT type=text/javascript src="http://maps.gstatic.com/cat_js/intl/zh_cn/mapfiles/api-3/15/1/%7Bmain,adsense,geometry,zombie%7D.js"></SCRIPT><SCRIPT type=text/javascript>
window.onerror=function(){return true;} function getElementsByClassName(html, n)
{
var classElements = [],allElements = html.getElementsByTagName('*');
for (var i=0; i< allElements.length; i++ )
{
if (allElements[i].className == n ) {
classElements[classElements.length] = allElements[i];
}
}
return classElements;
} var map;
var er;
var geocoder;
var initPoint = new GLatLng(39.977696,116.315303);
var initZoomLevel = 6; function initialize() { if (GBrowserIsCompatible()) { var point = initPoint;
var options = {
googleBarOptions : {
onGenerateMarkerHtmlCallback : function(searcher, html, result) {
var classElements = getElementsByClassName(html, "gels-directions");
for (var i=0; i< classElements.length; i++ )
{
classElements[i].style.display='none';
}
return html;
}
}
};
map = new GMap2(document.getElementById("map_canvas"), options); map.setCenter(initPoint, parseInt(initZoomLevel));
map.setMapType(G_HYBRID_MAP); map.setUIToDefault();
// map.enableGoogleBar();
map.disableDoubleClickZoom();
er = new GMarker(point);
geocoder = new GClientGeocoder();
// 双击箭头
GEvent.addListener(er, "dblclick", function() {
var setpoint = er.getLatLng();
window.external.CB_DbClkMapMark(setpoint.lng(), setpoint.lat());
}); map.addOverlay(er); GEvent.addListener(map, "click", function(clicker, point) {
if ( point != null )
{
er.setLatLng(point);
map.panTo(point);
window.external.CB_ClkMap(point.lng(), point.lat());
}
});
var mapTypes = map.getMapTypes();
for(var i=0; i<mapTypes.length; i++)
{
mapTypes[i].getMinimumResolution = function() { return 0; };
mapTypes[i].getMaximumResolution = function() { return 20; };
} map.addControl(new SearchControl(), new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(65,6))); } }
/**
* 搜索控件
*/
function SearchControl() {
}
SearchControl.prototype = new GControl();
SearchControl.prototype.initialize = function(map) {
var container = document.createElement("div");
var textDiv = document.createElement("input");
textDiv.setAttribute("type", "text");
this.setTextStyle_(textDiv);
container.appendChild(textDiv);
GEvent.addDomListener(textDiv, "onkeydown", function() {
var event = window.event || arguments.callee.caller.arguments[0];
alert(event.keyCode);
if (event.keyCode == 13)
{
searchAddress(textDiv.value);
}
});
GEvent.addDomListener(textDiv, "click", function() {
textDiv.value = "";
});
var searchDiv = document.createElement("input");
searchDiv.setAttribute("type", "submit");
searchDiv.setAttribute("value", FormatLang("搜索"));
searchDiv.setAttribute("title", FormatLang("搜索"));
this.setButtonStyle_(searchDiv);
container.appendChild(searchDiv);
GEvent.addDomListener(searchDiv, "click", function() {
searchAddress(textDiv.value);
});
map.getContainer().appendChild(container);
return container;
}
// 设置文本框style
SearchControl.prototype.setTextStyle_ = function(button) {
button.style.padding = "1px 3px";
button.style.border = "1px solid #67A7E3";
button.style.height = "15px";
button.style.top = "0";
button.style.left = "70px";
}
// 设置给定按钮元素的正确 CSS。
SearchControl.prototype.setButtonStyle_ = function(button) {
button.style.backgroundColor = "#008AFF";
button.style.border = "1px solid #249";
button.style.color = "white";
button.style.cursor = "pointer";
button.style.height = "19px";
button.style.margin = "0";
button.style.padding = "0px 4px 2px 4px";
button.style.top = "0";
button.style.right = "0";
}
/*
* 根据地名搜索地址
*/
function searchAddress(address)
{
geocoder.getLatLng(
address,
function(point)
{
if (!point)
{
alert( address + FormatLang(" 没有找到"));
}
else
{
er.setLatLng(point);
map.panTo(point);
}
}
);
}
function fnGo(dLongitude, dLatitude)
{
var point = new GLatLng(dLatitude, dLongitude);
map.panTo(point);
er.setLatLng(point);
}
/*
* 设置地图指向当前城市
*/
function initMapToCurCity()
{
var address = remote_ip_info.country+remote_ip_info.province+remote_ip_info.city;
vargeocoder = new GClientGeocoder();
vargeocoder.getLatLng(
address,
function(point)
{
if (point)
{
initPoint = point;
if ( map != null )
{
map.panTo(point);
}
if ( er != null )
{
er.setLatLng(point);
}
}
}
);
}
/*
* 初始化地图位置
*/
function initMap(dLongitude, dLatitude, nZoomLevel)
{
initPoint = new GLatLng(dLatitude, dLongitude);
initZoomLevel = nZoomLevel;
if ( map != null )
{
map.setZoom(parseInt(initZoomLevel));
map.panTo(initPoint);
}
if ( er != null )
{
er.setLatLng(initPoint);
}
}
// 当前使用的语言(1 中文)
var g_langid = 1;
/*
* 设置语言
* 1 中文
*/
function SetLang(langid)
{
g_langid = langid;
} /*
*转换语言
*/
function FormatLang(strtext)
{
var strFormated = "";
if ( g_langid == 1 )
{
// 中文
strFormated = strtext;
}
else
{
// 英文
if ( strtext == "搜索" )
{
strFormated = "Search"
}
if ( strtext == " 没有找到" )
{
strFormated = " not found"
}
}
return strFormated;
} </SCRIPT><DIV style="WIDTH: 100%; HEIGHT: 100%" id="map_canvas"></DIV>
好像js被google弃用了
好像js被google弃用了
也许,你应该用这个。
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>