"https://maps.googleapis.com/maps/api/staticmap?size=440x420&scale=2&style=feature:all|element:labels|visibility:off&markers=color:green|size:small|90,-180"Могу ли я использовать AngularJS со статическими Google Maps?
Так что у меня есть что-то вроде ссылки, приведенной выше. Эта ссылка не совсем работает, все, что я сделал, это сократить ее до 1 координаты и использовать возможно неправильную координату.
НО, вы должны получить эту идею. Должен ли я вместо этого сделать что-то вроде этого:
<div id="mapWrap" ng-controller="EdwardMap">
<img src="https://maps.googleapis.com/maps/api/staticmap?size=440x420&scale=2&style=feature:all|element:labels|visibility:off&markers=color:green|size:small|{{building.mapcoord}}" usemap="#Map">
Я попытался это сделать, и я не могу заставить его работать. У меня есть другой код под ним, который использует тот же контроллер и работает нормально, но я надеялся, что Angular может помочь мне создать изображение! И если вы считаете, что что-то не так с моей ссылкой на изображение, тот, который я использую, работает отлично, у него просто больше координат и других полезных свойств. Я взял один из них и заменил его на {{building.mapcoords}}.
Вот где building.mapcoords приходит от:
$scope.building = [{
name:"name2",
mapcoords:"80,-170",
address:"address2",
htmlcoords:"556,69,565,72,568,75,568,85,564,92,559,100,557,108,554,98,550,92,546,86,546,76,552,69",
},{
name:"name1",
mapcoords:"",
address:"address1",
htmlcoords:"699,270,708,274,710,277,710,285,707,291,702,300,699,308,696,300,693,292,689,287,688,276,694,271"
}
Спасибо!
Что делать, когда он не работает? вы проверили вкладку своей сети, чтобы увидеть путь, который используется для запроса изображения? Вы не дали нам много работы ... –
Кроме того, вы должны использовать ng-src, чтобы вы не отправляли badrequest в api, прежде чем угловой соберет его. –
@KevinB Я добавил ng-src. Кроме того, маркер на карте просто исчезает, когда я запускаю его. Если вам нужно больше работать, просто дайте мне знать. – Christine268