http://www.google.com/apis/maps/ ... rkerinfowindow.html
是google 地图. 弹出的"标签",这个内容好像不能随意填的?不知类似的这个是怎么做的呢?
http://www.zbird.com/experience/next我试了一下,找不到人家的弹出内容是放得那里的! 还有那个需要放弹出内容坐标是怎么设置的?
样本:<!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google 地图 JavaScript API 示例</title><script language="JavaScript" type="text/javascript" src="http://res.zbird.cn/js/j.1.2.6.js"></script>
<script language="JavaScri<script type="text/javascript" src="http://www.google-analytics.com/ga.js"></script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-97277-13");
pageTracker._initData();
pageTracker._trackPageview();
</script>
</head>
<body onload="load()" onunload="GUnload()">
<div id="GmApBrIdD" style="width: 900px; height: 700px"></div>
</body>
</html> <script language="JavaScript" src="http://www.google.com/jsapi?key=ABQIAAAAmSyaZYJEj-zmAamQg_Fp6BTzwSmnxtJ9xniqhMd-dEKf_lEpsRR0yf31H3U1K7CljUiUXVXnRUugDQ" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript" src="http://res.zbird.cn/js/base64.js"></script>
<script language="JavaScript" type="text/javascript" src="http://res.zbird.cn/js/utf.js"></script>
<script language="JavaScript" type="text/javascript" src="http://res.zbird.cn/js/depress.js"></script>
<script type="text/javascript">
//<![CDATA[
var gExprMaps = eval('('+utf8to16(zip_depress(base64decode('jVTLjtswDPyVwqcWWBgiJZJSb/2Opgfbknpp97BoTkX/vaQUx8omQPZCG3qRM5zh97/TkvPb9HU6nUNxy+nMWUQjZY0RvTudqST9rxV0lzyJnVw2i6Ax5lIxJduqukVrrLpV7Skqov8kfoGo3y3gp892jbIm2KheLse4Xw510Zio6IpoKj0WFz0mXIMermv5Mr1Mv5Y/Wq+HGZgi2MLrT10AhDlEjsC69Lr8LnegqDic/r0MkMnDAaeS1+RLbNBQa6S6+R04C+hKYu/tlm/oqkWuueOQgwMfiq35ePsSQeNpNQo5yYb2yCKhc3MgS3NySTwf0IBnLxEkjNDG4u+hsbAlzrk8gxaTtYkL8Q6NtRyNjJcWXRtEwJYMgqFJ2LAuvMvCMIE7Oh1rBk1bNkWYqmHvhUS34ljI0FQ3IwI4HLrqZpAUgh+hc6a0a0jEwS3cB33uSvwAGWOFnRgjACxFp0CKaZFScwNiGmX+TT+RAuKg9ofv7dwohw3H6vv6wQT62XFiDIMI/OwdukbOIYKWvFuxMzFifcDEGo2treBTxfdBwDntsuhZuCD0aoneKd5RuFd5eidvTDPhjWv9k96ONT/yMH3Qw8KS20RYB6Gn/WQT+tXDCbp2xe0eTxwMLwXTu2gxd77F2SGLG30b5+gY6KZll9GH2wFwgPDAyWimSs6KeNIy59c2r/e5fIh2aYaGQ38tki/ehn1le87+b8Ws02kX8+hRhuQcHTBdmJ14Hb43yuS8Nh3mq0cHIB3mj/8=')))+')');
google.load("maps", "2.x",{"language" : "zh_CN"});
google.setOnLoadCallback(function(){
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("GmApBrIdD"));
map.addControl(new GLargeMapControl());
//map.addControl(new google.maps.MapTypeControl());
map.setCenter(new GLatLng(34.17,108.57), 5);
var baseIcon = new GIcon();
baseIcon.shadow = "http://img.zbird.cn/ww2/gmap/shadow.png";
baseIcon.iconSize = new GSize(21, 22);
baseIcon.shadowSize = new GSize(30, 22);
baseIcon.iconAnchor = new GPoint(7, 36);
baseIcon.infoWindowAnchor = new GPoint(26, -23);
//baseIcon.infoShadowAnchor = new GPoint(0, 0);
var erIcon = new GIcon(baseIcon);
erIcon.image = "http://img.zbird.cn/ww2/gmap/er.png";
$.each(gExprMaps,function createMarker(pos, cityinfo) {
if(cityinfo.length < 6) return;
erOptions = { icon: erIcon, title: cityinfo.name };
var er = new GMarker(new GLatLng(parseFloat(cityinfo.lat),parseFloat(cityinfo.lng)), erOptions);
GEvent.addListener(er, "mouseover", function() {
er.openInfoWindowHtml(
'<div class="left" style="line-height: 180%;"><div style="font-weight: bold; font-size: 14px;">' +
cityinfo.addr.replace(':','地址:</div><div>') +
'</div></div>'
);
});
map.addOverlay(er);
});
GoogleGeocoder = new GClientGeocoder();
var onGMapClicked = function(overlay,latlng){
//map.openInfoWindow(latlng, myHtml);
if (!latlng) {
//alert('您点击了无效区域,请选择正确的地图范围再单击鼠标左键。');
return;
}
GoogleGeocoder.getLocations(latlng, function(addresses) {try{
if(addresses.Status.code != 200) {
alert("获取地图坐标信息失败:" + latlng.toUrlValue());
return;
}
if(typeof(addresses.Place[0].AddressDetails.Country) == 'undefined'){
alert("获取地图坐标信息失败:" + latlng.toUrlValue());
return;
}
var addrdetail = addresses.Place[0].AddressDetails.Country;
// if(typeof(addrdetail.CountryNameCode) == 'undefined' || addrdetail.CountryNameCode != "CN"){
// alert((addrdetail.CountryName || addrdetail.CountryNameCode)+"暂时不在选择范围内,请重新选择。");
// return;
// }
if(typeof(addrdetail.AdministrativeArea) == 'undefined' && typeof(addrdetail.Locality) == 'undefined'){
alert("获取地图坐标指向的省市信息失败:" + latlng.toUrlValue());
return;
}
var cityname = '';
var provname = '';
if(typeof(addrdetail.AdministrativeArea) == 'object'){
var adminInfo = addrdetail.AdministrativeArea;
cityname = adminInfo.Locality.LocalityName;
provname = adminInfo.AdministrativeAreaName;
adminInfo = null;
}
else{
provname = cityname = addrdetail.Locality.LocalityName;
}
var locshowname = (provname==cityname ? cityname : provname+cityname);
if(!confirm("您是否希望我们的下一家钻石小鸟体验中心开在"+locshowname+" ?")) return;
$.ajax({
url: '/experience/donext',
type: 'POST',
data: {province:provname,city:cityname},
complete: function(res, status){
var ret = res.responseText.split('=');
if(status == "success" && ret[0] == "CpCnT"){
map.openInfoWindow(latlng,
'<div style="padding: 20px;line-height: 180%;text-align: left;">您希望在<strong>'+
locshowname+
"</strong>开设体验中心的想法成功提交。<br />目前已经有<strong>"+
ret[1]+
"</strong>人次和您有同样的想法 :)</div>"
);
}
else{
alert("您希望在"+locshowname+"开设体验中心的信息提交失败,请稍候再试。");
}
},
error: function(){
alert("您希望在"+locshowname+"开设体验中心的信息提交失败,请稍候再试。");
}
});
}catch(e){alert("获取地图坐标信息失败:" + latlng.toUrlValue());}});
};
GEvent.addListener(map, "click", onGMapClicked);
$('#GmApNotifieR').slideDown();
}
//var pGmPa = $('#GmApBrIdD');
//pGmPa.append('<div style="position: absolute; z-index: 100; top: '+(pGmPa.innerWidth()-30)+'px; left: 1px;background-color: #fff; color: #000; height: 28px; width: '+(pGmPa.innerWidth()-2)+'px;line-height: 28px; border: 1px solid #000;">hahahahaha</div>');
});
$(document.body).unload(google.maps.Unload);
//]]>
</script>
</html>
是google 地图. 弹出的"标签",这个内容好像不能随意填的?不知类似的这个是怎么做的呢?
http://www.zbird.com/experience/next我试了一下,找不到人家的弹出内容是放得那里的! 还有那个需要放弹出内容坐标是怎么设置的?
样本:<!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google 地图 JavaScript API 示例</title><script language="JavaScript" type="text/javascript" src="http://res.zbird.cn/js/j.1.2.6.js"></script>
<script language="JavaScri<script type="text/javascript" src="http://www.google-analytics.com/ga.js"></script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-97277-13");
pageTracker._initData();
pageTracker._trackPageview();
</script>
</head>
<body onload="load()" onunload="GUnload()">
<div id="GmApBrIdD" style="width: 900px; height: 700px"></div>
</body>
</html> <script language="JavaScript" src="http://www.google.com/jsapi?key=ABQIAAAAmSyaZYJEj-zmAamQg_Fp6BTzwSmnxtJ9xniqhMd-dEKf_lEpsRR0yf31H3U1K7CljUiUXVXnRUugDQ" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript" src="http://res.zbird.cn/js/base64.js"></script>
<script language="JavaScript" type="text/javascript" src="http://res.zbird.cn/js/utf.js"></script>
<script language="JavaScript" type="text/javascript" src="http://res.zbird.cn/js/depress.js"></script>
<script type="text/javascript">
//<![CDATA[
var gExprMaps = eval('('+utf8to16(zip_depress(base64decode('jVTLjtswDPyVwqcWWBgiJZJSb/2Opgfbknpp97BoTkX/vaQUx8omQPZCG3qRM5zh97/TkvPb9HU6nUNxy+nMWUQjZY0RvTudqST9rxV0lzyJnVw2i6Ax5lIxJduqukVrrLpV7Skqov8kfoGo3y3gp892jbIm2KheLse4Xw510Zio6IpoKj0WFz0mXIMermv5Mr1Mv5Y/Wq+HGZgi2MLrT10AhDlEjsC69Lr8LnegqDic/r0MkMnDAaeS1+RLbNBQa6S6+R04C+hKYu/tlm/oqkWuueOQgwMfiq35ePsSQeNpNQo5yYb2yCKhc3MgS3NySTwf0IBnLxEkjNDG4u+hsbAlzrk8gxaTtYkL8Q6NtRyNjJcWXRtEwJYMgqFJ2LAuvMvCMIE7Oh1rBk1bNkWYqmHvhUS34ljI0FQ3IwI4HLrqZpAUgh+hc6a0a0jEwS3cB33uSvwAGWOFnRgjACxFp0CKaZFScwNiGmX+TT+RAuKg9ofv7dwohw3H6vv6wQT62XFiDIMI/OwdukbOIYKWvFuxMzFifcDEGo2treBTxfdBwDntsuhZuCD0aoneKd5RuFd5eidvTDPhjWv9k96ONT/yMH3Qw8KS20RYB6Gn/WQT+tXDCbp2xe0eTxwMLwXTu2gxd77F2SGLG30b5+gY6KZll9GH2wFwgPDAyWimSs6KeNIy59c2r/e5fIh2aYaGQ38tki/ehn1le87+b8Ws02kX8+hRhuQcHTBdmJ14Hb43yuS8Nh3mq0cHIB3mj/8=')))+')');
google.load("maps", "2.x",{"language" : "zh_CN"});
google.setOnLoadCallback(function(){
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("GmApBrIdD"));
map.addControl(new GLargeMapControl());
//map.addControl(new google.maps.MapTypeControl());
map.setCenter(new GLatLng(34.17,108.57), 5);
var baseIcon = new GIcon();
baseIcon.shadow = "http://img.zbird.cn/ww2/gmap/shadow.png";
baseIcon.iconSize = new GSize(21, 22);
baseIcon.shadowSize = new GSize(30, 22);
baseIcon.iconAnchor = new GPoint(7, 36);
baseIcon.infoWindowAnchor = new GPoint(26, -23);
//baseIcon.infoShadowAnchor = new GPoint(0, 0);
var erIcon = new GIcon(baseIcon);
erIcon.image = "http://img.zbird.cn/ww2/gmap/er.png";
$.each(gExprMaps,function createMarker(pos, cityinfo) {
if(cityinfo.length < 6) return;
erOptions = { icon: erIcon, title: cityinfo.name };
var er = new GMarker(new GLatLng(parseFloat(cityinfo.lat),parseFloat(cityinfo.lng)), erOptions);
GEvent.addListener(er, "mouseover", function() {
er.openInfoWindowHtml(
'<div class="left" style="line-height: 180%;"><div style="font-weight: bold; font-size: 14px;">' +
cityinfo.addr.replace(':','地址:</div><div>') +
'</div></div>'
);
});
map.addOverlay(er);
});
GoogleGeocoder = new GClientGeocoder();
var onGMapClicked = function(overlay,latlng){
//map.openInfoWindow(latlng, myHtml);
if (!latlng) {
//alert('您点击了无效区域,请选择正确的地图范围再单击鼠标左键。');
return;
}
GoogleGeocoder.getLocations(latlng, function(addresses) {try{
if(addresses.Status.code != 200) {
alert("获取地图坐标信息失败:" + latlng.toUrlValue());
return;
}
if(typeof(addresses.Place[0].AddressDetails.Country) == 'undefined'){
alert("获取地图坐标信息失败:" + latlng.toUrlValue());
return;
}
var addrdetail = addresses.Place[0].AddressDetails.Country;
// if(typeof(addrdetail.CountryNameCode) == 'undefined' || addrdetail.CountryNameCode != "CN"){
// alert((addrdetail.CountryName || addrdetail.CountryNameCode)+"暂时不在选择范围内,请重新选择。");
// return;
// }
if(typeof(addrdetail.AdministrativeArea) == 'undefined' && typeof(addrdetail.Locality) == 'undefined'){
alert("获取地图坐标指向的省市信息失败:" + latlng.toUrlValue());
return;
}
var cityname = '';
var provname = '';
if(typeof(addrdetail.AdministrativeArea) == 'object'){
var adminInfo = addrdetail.AdministrativeArea;
cityname = adminInfo.Locality.LocalityName;
provname = adminInfo.AdministrativeAreaName;
adminInfo = null;
}
else{
provname = cityname = addrdetail.Locality.LocalityName;
}
var locshowname = (provname==cityname ? cityname : provname+cityname);
if(!confirm("您是否希望我们的下一家钻石小鸟体验中心开在"+locshowname+" ?")) return;
$.ajax({
url: '/experience/donext',
type: 'POST',
data: {province:provname,city:cityname},
complete: function(res, status){
var ret = res.responseText.split('=');
if(status == "success" && ret[0] == "CpCnT"){
map.openInfoWindow(latlng,
'<div style="padding: 20px;line-height: 180%;text-align: left;">您希望在<strong>'+
locshowname+
"</strong>开设体验中心的想法成功提交。<br />目前已经有<strong>"+
ret[1]+
"</strong>人次和您有同样的想法 :)</div>"
);
}
else{
alert("您希望在"+locshowname+"开设体验中心的信息提交失败,请稍候再试。");
}
},
error: function(){
alert("您希望在"+locshowname+"开设体验中心的信息提交失败,请稍候再试。");
}
});
}catch(e){alert("获取地图坐标信息失败:" + latlng.toUrlValue());}});
};
GEvent.addListener(map, "click", onGMapClicked);
$('#GmApNotifieR').slideDown();
}
//var pGmPa = $('#GmApBrIdD');
//pGmPa.append('<div style="position: absolute; z-index: 100; top: '+(pGmPa.innerWidth()-30)+'px; left: 1px;background-color: #fff; color: #000; height: 28px; width: '+(pGmPa.innerWidth()-2)+'px;line-height: 28px; border: 1px solid #000;">hahahahaha</div>');
});
$(document.body).unload(google.maps.Unload);
//]]>
</script>
</html>
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货