geoserver+mysql+openlayer 简单搭建与实现图层实时更新

一geoserver的搭建非常简单

 官网下载geoserver最新版本http://blog.geoserver.org/ 我使用的是 GeoServer 2.14.2版本 。

下载独立版本直接解压 进入bin启动即可,访问http://localhost:8089/geoserver/web 用户名 admin 密码geoserver

如下图:说明geoserver搭建成功

geoserver+mysql+openlayer 简单搭建与实现图层实时更新_第1张图片

geoserver  支持postgis空间数据库如果要支持mysql必须的安装插件geoserver-2.14.2-mysql-plugin 解压内容如下

geoserver+mysql+openlayer 简单搭建与实现图层实时更新_第2张图片

将jar拷贝入:.\GeoServer 2.14.2\webapps\geoserver\WEB-INF\lib 下刷新geoserver界面出现如下说明mysql插件配置成功

geoserver+mysql+openlayer 简单搭建与实现图层实时更新_第3张图片

现在就是连接mysq,点击mysql database出现如下界面

geoserver+mysql+openlayer 简单搭建与实现图层实时更新_第4张图片

填入用户名密码就可以了。发布mysql数据时可以整张表发布也可通过sqlview 发布条件数据。这个就看业务需求

发布mysql数据时候注意:

geoserver+mysql+openlayer 简单搭建与实现图层实时更新_第5张图片

直接从数据中计算即可

通过sqlview发布数据的时候注意:

geoserver+mysql+openlayer 简单搭建与实现图层实时更新_第6张图片

至此geoserver+mysql整合完成。

前端我是用的 npm+webback+vue+websocket 废话少说直接上代码(有些粗糙待细斟酌只是实现功能演示用)




后端是springboot+websocket 代码如下:

indexController

import com.websocket.wensocketdemo.server.WebSocketServer;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.*;

import java.io.IOException;
import java.util.HashMap;
import java.util.Map;

@Controller
public class indexController {
    @RequestMapping("/")
    public String Index() {
        return "index";
    }

    @RequestMapping(value="/push",method= RequestMethod.POST)
    @ResponseBody
    public Map pushVideoListToWeb(@RequestParam("str") String str) {
        Map result =new HashMap<>();

        try {
            WebSocketServer.sendInfo("有新客户呼入,sltAccountId:"+str);
            result.put("operationResult", true);
        }catch (IOException e) {
            result.put("operationResult", true);
        }
        return result;
    }

}
WebSocketServer
import java.io.IOException;
import java.util.concurrent.CopyOnWriteArraySet;
import javax.websocket.OnClose;
import javax.websocket.OnError;
import javax.websocket.OnMessage;
import javax.websocket.OnOpen;
import javax.websocket.Session;
import javax.websocket.server.ServerEndpoint;
import org.springframework.stereotype.Component;
@ServerEndpoint(value = "/websocket")
@Component
public class WebSocketServer {
    //静态变量,用来记录当前在线连接数。应该把它设计成线程安全的。
    private static int onlineCount = 0;
    //concurrent包的线程安全Set,用来存放每个客户端对应的MyWebSocket对象。
    private static CopyOnWriteArraySet webSocketSet = new CopyOnWriteArraySet();

    //与某个客户端的连接会话,需要通过它来给客户端发送数据
    private Session session;

    /**
     * 连接建立成功调用的方法*/
    @OnOpen
    public void onOpen(Session session) {
        this.session = session;
        webSocketSet.add(this);     //加入set中
        addOnlineCount();           //在线数加1
        System.out.println("有新连接加入!当前在线人数为" + getOnlineCount());
        try {
            System.out.println("连接成功");
//            sendMessage("连接成功");
        } catch (Exception e) {
            System.out.println("websocket IO异常");
        }
    }
    /**
     * 连接关闭调用的方法
     */
    @OnClose
    public void onClose() {
        webSocketSet.remove(this);  //从set中删除
        subOnlineCount();           //在线数减1
        System.out.println("有一连接关闭!当前在线人数为" + getOnlineCount());
    }

    /**
     * 收到客户端消息后调用的方法
     *
     * @param message 客户端发送过来的消息*/
    @OnMessage
    public void onMessage(String message) {
        System.out.println("来自客户端的消息:" + message);

        //群发消息
        for (WebSocketServer item : webSocketSet) {
            try {
                item.sendMessage(message);
            } catch (IOException e) {
                e.printStackTrace();
            }
        }
    }

    /**
     *
     * @param session
     * @param error
     */
    @OnError
    public void onError(Session session, Throwable error) {
        System.out.println("发生错误");
        error.printStackTrace();
    }


    public void sendMessage(String message) throws IOException {
        this.session.getBasicRemote().sendText(message);
    }

    /**
     * 群发自定义消息
     * */
    public static void sendInfo(String message) throws IOException {
        System.out.println(message);
        for (WebSocketServer item : webSocketSet) {
            try {
                item.sendMessage(message);
            } catch (IOException e) {
                continue;
            }
        }
    }

    public static synchronized int getOnlineCount() {
        return onlineCount;
    }
    public static synchronized void addOnlineCount() {
        WebSocketServer.onlineCount++;
    }
    public static synchronized void subOnlineCount() {
        WebSocketServer.onlineCount--;
    }

}

实现后端与前端长连接实时通信如果数据有所改变实时更新地图数据。最后附上一张成果图(仅供交流学习)

geoserver+mysql+openlayer 简单搭建与实现图层实时更新_第7张图片

 

你可能感兴趣的:(geoserver+mysql+openlayer 简单搭建与实现图层实时更新)