小编sup*_*ves的帖子

使用Google地图,Stamen Tiles(现有的磁贴库)和Require.js?

我正在尝试编写一个模块`来加载Require.js下的Stamen tile图,但我不确定如何最好地使用Require.

如果您之前没有看过Stamen地图,他们的网站就在Stamen Maps.

这是地图视图的代码view.js

define([
  'jquery',
  'underscore',
  'backbone',
  'maps',
  'text!templates/map/view.html'
], function($, _, Backbone, maps, mapTemplate){
  var mapView = Backbone.View.extend({
    el: $(".map"),
    displayMap: function() {
      this.options = {
        center: new maps.LatLng(-37.8, 144.9),
        zoom: 11,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        scrollwheel: false
      };
      this.render();
    },
    render: function(){
      var compiledTemplate = _.template(mapTemplate);
      var $el = $(this.el);
      $el.html(compiledTemplate);
      this.map = new maps.Map($el.find('.map').get(0), this.options);
    }
  });
  return new mapView;
});
Run Code Online (Sandbox Code Playgroud)

我正在加载以下模块的地图API:

map.js

define(['google!maps/3/sensor=false'], function() { 
  return google.maps;
});
Run Code Online (Sandbox Code Playgroud)

哪个有google.js的依赖

define(['http://www.google.com/jsapi?key=THE_API_KEY&callback=define'], { …
Run Code Online (Sandbox Code Playgroud)

google-maps requirejs stamen-maps

4
推荐指数
1
解决办法
1222
查看次数

标签 统计

google-maps ×1

requirejs ×1

stamen-maps ×1