外部リンクをボタンで貼る(AngularJS/Javascript)

Question

AngularJS(OnsenUI)でCordovaアプリを作っています。

<ons-button modifier="large">地図をGooglemapで見る</ons-button>

のボタンを押すとGooglemapが外部リンクとして開くようにしたいと思います。
外部リンクには変数を使って好きな値を入れられるようにしたいです。

<ons-button modifier="large" onClick="window.open('http://google.jp/')">地図をGooglemapで見る</ons-button>

とするとGoogleへ飛ばすことが出来るのですが、このgoogle.jpの後ろの部分を変数にしてsukinaURLに飛ばせるようにしたいです。
変数は、javascript上のfeeds.result.result[0].Photopoint.longitudeと、feeds.result.result[0].Photopoint.latitudeに格納されています。

具体的には

$scope.mapurl = 'http://maps.google.com/maps?q='+feeds.result.result[0].Photopoint.latitude+','+feeds.result.result[0].Photopoint.longitude+'+(ココ)';
alert($scope.mapurl);

という形で入れており、alertを見ると正常に入れられています。
onclickやng-clickなどを使って色々いじっていますが、このようにURLを変数とする場合うまくいきません。
どうすればよいのでしょうか？
AngularJSはバージョン1.48です。

宜しくお願い致します。

Answer 1

<a class="nounderbar" href="{{mapurl}}"><ons-button modifier="large--cta">地図をGooglemapで見る</ons-button></a>

というように普通にリンクを貼ることで解決としました。
冷静になってみるとjavascriptで処理する必然性はなかったです。
mapurlの中にURLが入るようにjavascript側で設定しています。