How to create google map popup? -

I have read the following answers:

But the problem is that it is not popup < / P>

UPDATE

    
 Can you help me change this code according to your needs? = "GoogleMapPopUp" rel = "nofollow" href = "https://maps.google.com.au/maps?q=south+australia" target = "_ blank" & gt; See location map & lt; / A & gt; $ ('. Google:' ('ifpame = true'); (this)) + '& Amp; I.e. = UTF8 & amp; T = H & amp; Output = embed '});});  

Example:

update

this code also does not work

  & Lt ;! DOCTYPE html & gt; & Lt; Html & gt; & Lt; Top & gt; & Lt; Script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" & gt; & Lt; / Script & gt; & Lt; Script src = "https://maps.googleapis.com/maps/api/js?v=3.exp" & gt; & Lt; / Script & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; A href = "#" onclick = "winop ();" Title = "show" & gt; Show map & lt; / A & gt; & Lt; / Body & gt; & Lt; Script type = "text / javascript" & gt; Function WinOp () {popup = window.open ("", "", "height = 300, width = 700, top = 300, left = 300, scrollbars = 1") popup.document.write ('& lt; div Id = "map-canvas"> gt; & lt; / div & gt; ') popup.document.close () return false; } Initialize function () {var myLatlng = new google.maps.LatLng (-25.363882,131.044 9 22); Var map option = {zoom: 4, center: myLatlng}; Var map = new google.maps.Map (document.getElementById ('map-canvas'), map options); } Google.maps.event.addDomListener (window, 'load', start); & Lt; / Script & gt; & Lt; / Html & gt;  

Because document.getElementById ('map-canvas') return tap

You are not including a colorbound external library. This URL does not work:

This one does:

  & Lt; Script src = "http://www.jacklmoore.com/colorbox/jquery.colorbox.js" & gt; & Lt; / Script & gt;