js實現城市首字母導航

本文講述如何在前端實現城市首字母導航的效果。

1、資料格式

2、實現**

var map, pylist;

function
init
()         })
});var projection = new ol.proj.projection();
var vector = new ol.layer.vector(),
fill: new ol.style.fill()
})})
});map = new ol.map(),
target: 'map',
layers: [
wms,
vector
],view: new ol.view()
});pylist = ;
$.get("./points?table=city", function
(resuslt) 
var pylistdom = $("#pylist"),
citylistdom = $("#citylist");
for(var py in pylist));
for(var j=0;j<_pylist.length>
var source = new ol.source.vector();
vector.setsource(source);
map.getview().setcenter(_coord);
map.getview().setzoom(8);
});}}}
})}//漢字拼音首字母列表 本列表包含了20902個漢字,用於配合 tochinesespell
//函式使用,本表收錄的字元的unicode編碼範圍為19968至40869, xdesigner 整理
//此處收錄了375個多音字
var omultidiff = ;
//轉字串陣列程式
function
makepy
(str) 
return mkrslt(arrresult);
}function
checkch
(ch) 
function
mkrslt
(arr) 
} else 
//把複製並修改後的陣列連線到arrrslt上
arrrslt = arrrslt.concat(tmp);}}
}return arrrslt;
}

：github

****型別

內容qq

1004740957

lzugis15

e-mail

[email protected]

webgis群

452117357

android群

337469080

gis資料視覺化群

小程式首字母檢索 城市

效果如圖 首字母樣式 searchletter 首字母高度 searchletter view 右邊首字母樣式 touchclass 居中顯示的選中首字母 cont letter 迴圈資料首字母檢索 list letter 城市樣式 item city js 引入city.js var city r...

js pinyin包實現城市按首字母排序

後台從介面請求回來的城市相關的資料只有城市名稱，沒有排序，鋪頁面的時候要排序就很麻煩 這個包的名字叫js pinyin。npm i js pinyin 安裝拼音庫 import pyjs from js pinyin 引入依賴包 pyjs.getfullchars item.name 獲取字串全部拼...

Android 根據首字母給城市排序

最近做的專案裡面有用到選城市的功能，城市是根據首字母排序的，資料都是通過後台返回的 這個功能用到了乙個第三方的庫，indexlib，然後列表是用recycleview實現的，1.我寫的model public class citymodel implements serializable for i...