作者allen511081 (蓝)
看板Ajax
标题[问题]如何将CSV里的座标秀在google map api
时间Tue Apr 28 21:37:06 2015
各位好，小弟第一次来这个版上发问，有甚麽规矩没注意到的，
还请多多包涵，小弟刚接触js，还不太懂该怎麽做，
小弟我有个CSV资料，里面有很多的栏位，但是我想要将里面的
经纬度标注到google map 上，而在marker上，我要显示资料里的地点，
对此，小弟找官方的范例来做修改，
官方范例：
https://developers.google.com/maps/documentation/javascript/examples/map-projection-simple?hl=zh-tw
但是官方范例却是将座标写死在js里，我想改成可以从CSV档里取得经纬座标，
然後标在地图上，我不知道该怎麽做，还请各位强者指点一下。
以下附上我修改的code及CSV：(githut目前把我的帐号当作是机器人，还请见谅)
CSV档：
https://drive.google.com/open?id=0B6SUWnrBmDwScUpNaTFaM1ZnODg&authuser=0
<script
src="
https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true"></script>
<script>
var Hsinchu = new google.maps.LatLng(24.774906,120.970782);
var Taoyuan = new google.maps.LatLng(24.810556,121.244167);
var Taichung = new google.maps.LatLng(24.205938,121.010132);
var equator = new google.maps.LatLng(23.9764042,120.9821779);/*定位点*/
var Taipie = new google.maps.LatLng(25.15364,121.547862);
var Nantou = new google.maps.LatLng(23.8654727,120.9120994);
var Kaohsiung = new google.maps.LatLng(23.114592,120.6314948);
var Tainan = new google.maps.LatLng(23.21103,120.348636);
var locationArray = [Hsinchu,Taoyuan,Taichung,Taipie,Nantou,Kaohsiung,Tainan];
var locationNameArray =
['Hsinchu','Taoyuan','Taichung','Taipie','Nantou','Kaohsiung','Tainan'];
function initialize() {
var TaiwanMap;
var mapOptions = {
zoom: 8,
center:equator,
};
TaiwanMap = new
google.maps.Map(document.getElementById('map-canvas'),mapOptions);
var coord;
for (coord in locationArray) {
var marker = new google.maps.Marker({
position: locationArray[coord],
map: TaiwanMap,
title: locationNameArray[coord]
});
}
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 59.127.51.228
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Ajax/M.1430228229.A.00A.html
1F：推 Ammenze: 用後端程式读取档案後丢到前端处理 04/29 09:11
2F：→ allen511081: 请问楼上的强者，有范例连结可以让我参考吗? 04/29 14:31
3F：→ GoalBased: 一定要把档案传到网页上，无法直接读 04/29 21:34
5F：→ shadowjohn: 不知道是不是你想做的 :) 04/29 23:41
6F：→ allen511081: shadowjohn，谢谢你，这就是我要的 05/01 13:39
7F：→ allen511081: shadowjohn，谢谢你，这就是我要的 05/01 13:44
8F：→ allen511081: 我把网页原始码放到本机端来执行，却无法正常执行耶 05/01 14:20
9F：→ shadowjohn: 查一下 how to read local csv file javascript 05/01 16:28
10F：→ shadowjohn: 可以加一下 line 聊啊 :) shadowjohn 05/01 16:29