Карта цезия угловая против бритвы

Я создаю веб-приложение с использованием С#, которое имеет клиентскую часть и сервер. Я использую цезиевую карту. Я новичок в этом материале и немного запутался. Может ли кто-нибудь сказать мне, можно ли реализовать цезий с помощью веб-API и angular? Или это должно быть с бритвой? Это имеет значение?

Спасибо, Бен.


angularjs razor cesium
person user3189955    schedule 13.01.2014    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Я знаю, что вы также задавали этот вопрос в нашем списке рассылки, но я хотел бы ответить на него и здесь на случай, если у кого-то еще возникнет аналогичный вопрос.

Я с ужином тоже не знаком, но что касается самого цезия, то это не имеет значения. Cesium не зависит от инструментария и сервера; ему не важно, какой инструментарий или серверную технологию вы используете, и он может работать со всеми из них.

person Matthew Amato    schedule 13.01.2014

arrow_upward
0
arrow_downward

Мэтт прав, используйте любой фреймворк, который вам нравится, но не торопитесь, чтобы изучить плюсы и минусы. У вас может быть шаблон Razor со встроенным виджетом Cesium (и я сам работал над таким приложением), просто с пониманием того, что если вы уходите со страницы, виджет освобождается, поэтому пользователь «теряет свое место» на карте. AngularJS, с которым я не работал, но он похож на Knockout, который Cesium использует для собственного подключения пользовательского интерфейса. Этот тип подключения пользовательского интерфейса на стороне клиента полезен, если у вас есть элементы управления на странице, которые управляют виджетом или его содержимым без перехода.

EDIT: Добавлен образец демонстрационного приложения Angular "TODO" перед цезиевым глобусом, чтобы продемонстрировать, что платформы могут сосуществовать.

var viewer = new Cesium.Viewer('cesiumContainer', {
  navigationHelpButton: false, animation: false, timeline: false
});

angular.module('todoApp', [])
.controller('TodoListController', function() {
  var todoList = this;
  todoList.todos = [
    {text:'learn angular', done:true},
    {text:'build an angular app', done:false}];

  todoList.addTodo = function() {
    todoList.todos.push({text:todoList.todoText, done:false});
    todoList.todoText = '';
  };

  todoList.remaining = function() {
    var count = 0;
    angular.forEach(todoList.todos, function(todo) {
      count += todo.done ? 0 : 1;
    });
    return count;
  };

  todoList.archive = function() {
    var oldTodos = todoList.todos;
    todoList.todos = [];
    angular.forEach(oldTodos, function(todo) {
      if (!todo.done) { todoList.todos.push(todo); }
    });
  };
});
html, body, #cesiumContainer {
  position: absolute; top: 0; left: 0;
  width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;
  font-family: sans-serif;
}
.done-true {
  text-decoration: line-through;
  color: grey;
}
.controls {
  position: absolute;
  top: 5px;
  left: 8px;
  background-color: rgba(42, 42, 42, 0.7);
  padding: 5px 8px;
  color: #edffff;
}
<script src="http://cesiumjs.org/releases/1.16/Build/Cesium/Cesium.js"></script>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/css/bootstrap-combined.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<link href="http://cesiumjs.org/releases/1.16/Build/Cesium/Widgets/widgets.css" 
          rel="stylesheet"/>
<div id="cesiumContainer"></div>
<div class="controls" ng-app="todoApp">
  <h2>AngularJS Todo</h2>
  <div ng-controller="TodoListController as todoList">
    <span>{{todoList.remaining()}} of {{todoList.todos.length}} remaining</span>
    [ <a href="" ng-click="todoList.archive()">archive</a> ]
    <ul class="unstyled">
      <li ng-repeat="todo in todoList.todos">
        <input type="checkbox" ng-model="todo.done">
        <span class="done-{{todo.done}}">{{todo.text}}</span>
      </li>
    </ul>
    <form ng-submit="todoList.addTodo()">
      <input type="text" ng-model="todoList.todoText"  size="30"
             placeholder="add new todo here">
      <input class="btn-primary" type="submit" value="add">
    </form>
  </div>
</div>

person emackey    schedule 14.01.2014