Question

有人可以帮我翻译成角度指令吗？

var mapa;
var marker;

function mapaStart() {
mapOpc = {
    center: new google.maps.LatLng(52.348763181988076, 18.61083984375),
    zoom: 6,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};
mapa = new google.maps.Map(document.getElementById("doMeeting"), mapOpc);

marker = new google.maps.Marker({
    position: new google.maps.LatLng(52.348763181988076, 18.61083984375),
    draggable: true,
    map: mapa,
});
marker.setMap(mapa);

// zdarzenia dla markera
google.maps.event.addListener(marker, 'drag', uaktualnijWspolrzedne);
google.maps.event.trigger(marker, 'drag');

// zdarzenia dla mapy
google.maps.event.addListener(mapa, 'click', function (event) {
    marker.setPosition(event.latLng);
    uaktualnijWspolrzedne();
});

}

function uaktualnijWspolrzedne() {
var input_lat = document.getElementById('lat');
var input_lng = document.getElementById('lng');
var punkt = marker.getPosition();

input_lat.value = punkt.lat();
input_lng.value = punkt.lng();
}
google.maps.event.addDomListener(window, 'load', mapaStart);

修改

或许把它放在配置jsfiddle的jsfiddle上是个好主意。

我把它放在plnkr上以说清楚：

http://plnkr.co/edit/EyPOmok6vmvA6Cc2yQws?p=preview

但是当我尝试实现我的项目时，我得到空白边框而不是谷歌地图，（模块地理位置工作）

Answer 1

这是您更新的Fiddle。设置中存在问题，ng-app未初始化。

// just a comment

Answer 2

问题在于配置JSFiddle，而不是在您的代码中。你需要这样做：

从资源中删除angular.js脚本
从小提琴选项的下拉列表中选择angular.js（在框架和扩展名下）
选择选项＆＃34;没有包装 - ＃34;

此处的解释：Simple AngularJS running on JSFiddle

谷歌地图脚本到angular指令

2 个答案: