程式師世界 >> 編程語言 >> 網頁編程 >> PHP編程 >> PHP基礎知識 >> php+js MAPABC 地圖調用的簡單例子

php+js MAPABC 地圖調用的簡單例子

編輯：PHP基礎知識

<?php
//經度_緯度_標題_地址_電話_類型_標題的鏈接地址
$data = array(
"116.304137_39.983821_title1_addurl1_tel1_type1_http://www.baidu.com",
"116.316345_39.977596_title2_addurl2_tel2_type2_http://www.sina.com",
"116.343048_40.000118_title3_addurl3_tel3_type3_http://www.163.com",
//"116.3096839_39.9843957_title4_addurl4_tel4_type4"
);
$data_str = implode('||',$data); //組合為sting
?>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>關鍵字搜索</title>

flashmap&v=2.4&key=b0a7db0b3a30f944a21c3682064dc70ef5b738b062f64

79a5eca39725798b1ee300bd8d5de3a4ae3|29e8ed1f7f6a97d8e99

fc568cea6a7dc0ccd920856e07c0718b9885faf7551a18141699c81f526d7"></script>

//自動加載點-start
var resultCount=10;
keywordSearch_CallBack(data);
//-end

}
/*
function keywordSearch(){
var keywords = document.getElementById("keyword").value;
var city = document.getElementById("city").value;
var MSearch = new MPoiSearch();
var opt = new MPoiSearchOptions();
opt.recordsPerPage = 10;//每頁返回數據量，默認為10
opt.pageNum = 1;//當前頁數。
opt.dataType = "";//數據類別，該處為分詞查詢，只需要相關行業關鍵字即可
opt.dataSources = MConstants.DS_BASE_ENPOI;//數據源，基礎+企業地標數據庫（默認）
MSearch.setCallbackFunction(keywordSearch_CallBack);
MSearch.poiSearchByKeywords(keywords,city,opt);
}
var resultCount=10;
*/
function keywordSearch_CallBack(data){
var resultStr="";
/*
var data = new Array(
"116.304137_39.983821_title1_addurl1_tel1_type1",
"116.316345_39.977596_title2_addurl2_tel2_type2",
"116.343048_40.000118_title3_addurl3_tel3_type3",
"116.3096839_39.9843957_title4_addurl4_tel4_type4"
);
*/
data = data.split('||'); //拆分傳參值成為數組
if(data.length<0){
resultStr="未查找到任何結果!<br/>建議：<br/>1.請確保所有字詞拼寫正確。<br/>2.嘗試不同的關鍵字。<br/>3.嘗試更寬泛的關鍵字。";
}else{
var marker = new Array();
resultCount=data.length;
for (var i = 0; i < data.length; i++) {
data_str = data[i];
data_arr = data_str.split('_');
resultStr += "<div id='divid"+(i)+"' onmouseover='openMarkerTipById1("+(i)+",this)'

onmouseout='onmouseout_MarkerStyle("+(i+1)+",this)' style=\"font-size: 13px;

cursor:pointer;padding:2px 0 10px 5px;\">"+(i+1)+"、"+data_arr[2]+"<br \/>";

resultStr += TipContents(data_arr[5],data_arr[3],data_arr[4]);
resultStr += "<br \/></div>";
//resultStr += "<br />城市："+data.poilist[i].citycode + "<br \/></div>";

var markerOption = new MMarkerOptions();
markerOption.imageUrl ="http://code.mapabc.com/images/lan_1.png";
markerOption.picAgent = false;

var tipOption = new MTipOptions();
tipOption.title="<a href='"+data_arr[6]+"'>"+(i+1) + ". "+ data_arr[2]+"<\/a>";
var tipC = "<br />"+TipContents(data_arr[5],data_arr[3],data_arr[4]);
tipOption.content=tipC;//tip內容
tipOption.hasShadow=true;
tipOption.titleFontStyle.name="Arial";
tipOption.titleFontStyle.size=12;
tipOption.titleFontStyle.color= 0x005cb5;
tipOption.titleFontStyle.bold=true;
tipOption.contentFontStyle.name="Arial";
tipOption.contentFontStyle.size=13;
tipOption.contentFontStyle.color= 0x000000 ;
tipOption.contentFontStyle.bold=false;

markerOption.tipOption = tipOption;
markerOption.canShowTip=true;
markerOption.hasShadow=true;
var mar = new MMarker(new MLngLat(data_arr[0],data_arr[1]),markerOption);
mar.id=(i);
marker.push(mar);
}
mapObj.addOverlays(marker,true);
mapObj.addEventListener(mapObj,MConstants.TIP_OPEN,openTip);
}
document.getElementById("result").innerHTML = resultStr;
}