1

これらの場所に緯度、経度、名前がある場所を示すマーカーを表示したGoogleマップがあり、データベースからそれらの情報を取得して表示したい.私はmysqlを使用しています. これは私がこれまでにやったことです..

これは、緯度と地名を使用してデータベースからjsonObjectを作成しているサーブレット部分です。

    Gson gson = new Gson();
    DbConnectionDaoImpl dbConnectionDaoImpl = new DbConnectionDaoImpl();
    Connection con = dbConnectionDaoImpl.dbConnect();
    Statement st = con.createStatement();
    String sqlQuery = "SELECT * from mapTable ";
    System.out.println("Test Query" + sqlQuery);
    ResultSet rs = st.executeQuery(sqlQuery);
    ArrayList<MapInfo> markerList;
    markerList = new ArrayList<MapInfo>();

    while (rs.next()) {

        MapInfo marker = new MapInfo(); //model class with attributes latitude,longitude and name along with their getters and setters
        marker.setLatitude(rs.getString("latitude"));
        marker.setLongitude(rs.getString("longitude"));
        marker.setPlace(rs.getString("place"));
        markerList.add(marker);

    }
    String JsonString = gson.toJson(markerList, ArrayList.class);
    out.print(JsonString);

これは、データベースからGoogleマップを表示する必要がある私のJSP部分です...

 <div id="map" style="width: 100%; height: 700px;"></div>

    <script>
        var jsonString = 
            document.getElementById("map").value;//which includes  lat and long values as json object. 

            var markersJson = jQuery.parseJSON(jsonString); 
        for (var i = 0; i < markersJson.length; i++) { 
            var latLng = new 
            google.maps.LatLng(markersJson[i].lat, 
            markersJson[i].lng); 
            var marker = new google.maps.Marker({ position: 
                    latLng, clickable: true, icon: 
                    markersJson[i].iconPath, map:map }); 
        } 
    </script>

これは、すべての情報が表示される私のコードです。JSP ページでこの JsonString オブジェクトを呼び出したい 誰か助けてください

4

0 に答える 0