Using Google Maps in Yii Applications via Jquery

Author: Christian Salazar

This a clear way to implement a human-address-based google map using a jQuery extension. It is very simple and usefull.


put this script in your page, using a direct script insertion, or using your Yii script manager:

$.fn.googlemap = function(){
	// author: Christian Salazar <>
	var src='';
	var z = $(this);
	var address = jQuery.trim(z.attr('streetnumber'))
		z.html("<iframe src='"+src+"' width="+z.attr('width')+" height="
	return src;


In any place were you require the google map, insert a DIV or any HTML element having this attributes:

<div id='map' streetnumber='946' streetname='LAKE+DESTINY+RD'
        cityname='ALTAMONTE+SPRINGS' statecode='FL' zipcode='32714'
        zoom=18 width=500 height=300>

STEP 3 Use the script, in this way:

// you can use it in multiple selectors, 
// as an example: $("ul.maps li").googlemap();
// will process all LI items having the required attributes
// displaying a map each.

It will produce:


As an extra feature, the jquery extension provided here will return the URL:

  var url = $('#mymap').googlemap();
  $('#mymap').parent().append("<a href='"+url+"'>enlarge map</a>");