データベースから取得した位置情報の数値変換

WordPressに保存した位置情報をAjaxを利用して地図にプロットするとき、文字列としてデータを受け取ってしまっていたので、うまく地図上にプロットされなかった。

そこで、受け取った文字列を数値変換することにより解決した。

//データベースの全ての位置情報をプロット
      for(var i=0; i<216; i++){
        markerLatLng = {lat: Number(data[i]['latitude']), lng: Number(data[i]['longitude'])}; // 緯度経度のデータ作成
        var markers = new google.maps.Marker({
          position: markerLatLng, //マーカーを立てる位置を指定
          map: map,// マーカーを立てる地図を指定
          icon: icon//アイコンの画像設定
        });
        dispInfo(markers,data[i].name);

      }
    }

    //マーカーをクリックすると表示される詳細情報
    function dispInfo(marker,name,address) {
      google.maps.event.addListener(marker, 'click',
      function(event) {
        new google.maps.InfoWindow
        ({content:name}).open(marker.getMap(), marker);
      });
    }

今回は”Number()”を利用して文字列を数値変換することに成功した。

“parseInt()”を利用しても数値変換できるようだがうまくいかなかった。

参考 : 数値変換について詳しくはこちら