google map 由mongodb抓取座標方法使用node

mongodb google map node.js

shrine90459 2019-09-24 22:21:03 ‧ 1302 瀏覽

data
  location:{
    type:[Number],
    require:true
  },
location: [
-123,
29
],

這是我現在model的部分
我現在get資料後前端是能查出-123,29這樣
不過我把它用在googlemap上就不行

  var location = data.location
  var latLng = new google.maps.LatLng(location);

  function initMap() {
  map = new google.maps.Map(document.getElementById('map'), {
  center:latLng,
  zoom: 15
  });

地圖都出不來

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

dragonH

iT邦超人 5 級 ‧ 2019-09-24 22:27:20

最佳解答

你的 location 是 array 嗎

官方 doc

沒說可以用 array 阿

你 console 應該也會有相關訊息吧

回應 4
分享
檢舉

看更多先前的回應...收起先前的回應...

shrine90459 iT邦新手 5 級 ‧ 2019-09-24 22:52:12 檢舉

好像是前端JS取不到值耶
他說我的data未定義
請問前端JS有甚麼方法能取值嗎
之前都只有從html取而已

dragonH iT邦超人 5 級 ‧ 2019-09-24 23:06:23 檢舉

shrine90459.
你是怎麼跟後端要座標資料的

shrine90459 iT邦新手 5 級 ‧ 2019-09-24 23:58:49 檢舉

我是router.get(req,res)=>
    Data.find(function(data){
    res.render('',{data:data});
    };

然後前端pug裡面data.location有資料
但script那邊就取不到值

script.
  var map;
  var mylocation=data.location; //這樣似乎不行

dragonH iT邦超人 5 級 ‧ 2019-09-25 00:27:12 檢舉

shrine90459

這個給你參考

所以你的問題應該在於

如何將變數帶到 pug template 的 script 裡面

所以你應該要寫成

var mylocation = #{data.location};

登入發表回應

我要發表回答

立即登入回答

參賽組數

1123 組

團體組數

52 組

累計文章數

23096 篇

完賽人數

656 人

15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js

IT邦幫忙