如果你的文章欄目的文章，是包含不同的地理位置信息，那么你是否有考慮過根據(jù)文章的地理位置信息(字段值)自動(dòng)顯示所在位置呢？

下面我們就用百度地圖為例子，實(shí)現(xiàn)根據(jù)字段值直接顯示地圖。

一、使用百度地圖API（反地址解釋）

新版網(wǎng)址： http://developer.baidu.com/map/jsdemo-mobile.htm#i7_2

因?yàn)樾掳嬉暾?qǐng)API，下面就直接用舊版來實(shí)現(xiàn)

二、在模板中引用的部分包括：

1、API文件調(diào)用

<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>
2、代碼應(yīng)用

<script type="text/javascript">
var map = new BMap.Map("allmap");
var point = new BMap.Point(116.331398,39.897445);
map.centerAndZoom(point,12);
// 創(chuàng)建地址解析器實(shí)例
var myGeo = new BMap.Geocoder();
// 將地址解析結(jié)果顯示在地圖上,并調(diào)整地圖視野
myGeo.getPoint("你希望顯示的位置", function(point){
if (point) {
map.centerAndZoom(point, 16);
map.addOverlay(new BMap.Marker(point));
}
}, "北京市");
</script>
三、修改應(yīng)用代碼

例如你的k2字段的名稱是“地址”，別名是dizhi

那么在模板中引用的可以使用php語(yǔ)句

<?php echo $this->item->extraFields->dizhi->value ; ?>
然后我們可以加入地圖代碼

<script type="text/javascript">
var map = new BMap.Map("allmap");
var point = new BMap.Point(116.331398,39.897445);
map.centerAndZoom(point,12);
// 創(chuàng)建地址解析器實(shí)例
var myGeo = new BMap.Geocoder();
// 將地址解析結(jié)果顯示在地圖上,并調(diào)整地圖視野
myGeo.getPoint("<?php echo $this->item->extraFields->dizhi->value ; ?>", function(point){
if (point) {
map.centerAndZoom(point, 16);
map.addOverlay(new BMap.Marker(point));
}
}, "北京市");
</script>
這樣地圖就會(huì)自動(dòng)根據(jù)“地址”的值來顯示當(dāng)前的地圖。

以上代碼中的Point(116.331398,39.897445) 和 "北京市" 都是范圍值，可以根據(jù)你的實(shí)際情況指定，獲取的反地址解釋會(huì)更精準(zhǔn)