Jak podmieniać nazwę miasta w adresie www HTML, JS, Onsen?

Chciałbym z pomocą Onsen UI zrobić tak, żeby po kliknięciu przycisku otwierała mi się w tym samym oknie mapa google.
Jednak w zależności od kliknięcia na określony element listy, żeby podmieniało się słowo, które do niej wpisuję (miasto).
W embed Google maps wygenerowałem taką ramkę:

<div class="mapouter"><div class="gmap_canvas"><iframe width="375" height="580" id="gmap_canvas" src="https://maps.google.com/maps?q=**Wadowice**&t=&z=13&ie=UTF8&iwloc=&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe><a href="https://www.embedgooglemap.net/blog/divi-discount-code-elegant-themes-coupon/"></a></div><style>.mapouter{position:relative;text-align:right;height:580px;width:375px;}.gmap_canvas {overflow:hidden;background:none!important;height:580px;width:375px;}</style></div>  

jak zrobić żeby miasto (pogrubione w kodzie) podmieniało się w zależności od mojego wyboru na liście?

Tzn. poradziłem sobie do tej pory z kasowaniem wprowadzonego miasta z listy za pomocą funkcji:

javascript
function deleteItem(id) {
    db.transaction(function(tx) {
        tx.executeSql("DELETE FROM items WHERE ID=?", [id], onSuccess, onError)
    })
}

po naciśnięciu przycisku:

<ons-button onclick='deleteItem(" + row.ID +");')><ons-icon icon=\"trash\"></ons-icon></ons-button>

Chciałbym coś podobnego zrobić dla wyświetlenia strony z określoną lokalizacją, ale zupełnie nie mam pomysłu jak to zrobić.
Niestety zajmuję się tym dopiero od kilku dni...

Czyli po naciśnięciu przycisku:

<ons-button onclick='showItem(" + row.ID +");')><ons-icon icon=\"globe\"></ons-icon></ons-button>

chciałbym się dowiedzieć, czy jest jakiś sposób, żeby podmienić nazwę miasta w adresie www?