Map

“ It has never been so easy to instance a Google Map ”

<?php echo JDom::_('html.fly.map.google', array(

'keyAPI' => JComponentHelper::getParams('com_hellomyworld')->get('google_map_api'),

'request' => array(

// Disable the mouse scroll wheel zooming feature
		'scrollwheel' => false,

'zoom' => 10,
	),

'markers' => array(

// Fit the bounds of the map around the markers
		'fitBounds' => true,

// Set the markers datas from a list
		'list' => Array,

'iconWidth' => '34',
		'iconHeight' => '20',

// Furnish the keys to extract datas from the dynamic list
		'dataKeys' => array(

'lat' => 'latitude',
			'lng' => 'longitude',

// Search by name, or address
			'address' => '{name} {_country_name}',

'title' => '{name} [{_country_name}]',

// Template Description
			'content' => 
<a href="index.php?option=com_hellomyworld&amp;view=country&amp;layout=country&amp;cid={country}" target="_blank">
<img class="pull-right"
	src="index.php?option=com_hellomyworld&amp;task=file&amp;size=34x20&amp;path=[DIR_COUNTRIES_FLAG]/{_country_flag}"
	title="{_country_name}"
>
</a>
{name}
 
Population: {population}
 
{html_travellers},
		),
	)
)); ?>

BASIC MAPS

MARKERS

<?php echo JDom::_('html.fly.map.google', array(

'keyAPI' => '<YOUR API KEY>',

'markers' => array(

// Automaticaly fits the map around the markers
		'fitBounds' => true,

'data' => array(

array(

// Chicago
				'position' => array(
					'lat' => 41.85,
					'lng' => -87.65
				),

'title' => 'Chicago',

'content' => 'Chicago is the third most populous city in the United States. With over 2.7 million residents, it is the most populous city in the state of Illinois and the Midwestern United States. The Chicago metropolitan area, often referred to as Chicagoland, has nearly 10 million people and is the third-largest in the U.S'
					.	' Source: <a href="https://en.wikipedia.org/wiki/Chicago" target="_blank">Wikipedia</a>'
			),

array(

// Indianapolis
				'position' => array(
					'lat' => 39.79,
					'lng' => -86.14
				),

'title' => 'Indianapolis',

'content' => 'Indianapolis is the capital of the U.S. state of Indiana and the seat of Marion County. It is located in the East North Central region of the Midwest, near the confluence of the White River and Fall Creek. The city covers 372 square miles (963.5 km²) and had an estimated population of 853,173 in 2015, making it the largest city in Indiana, second largest in the Midwest, and 14th largest in the U.S'
					.	' Source: <a href="https://en.wikipedia.org/wiki/Indianapolis" target="_blank">Wikipedia</a>'
			)
		)
	),

)); ?>

GEOCODING

Address Search
Directions API

DYNAMIC DATAS

Dynamic Datas
Icons

STATIC MAPS

Static Photo
Styled

“

”

For starters it's just so easy to design an app in a way that I'm used to i.e. database first then views followed by customization. The fork system is pure brilliance from a developer standpoint as I can override things and still add and update my projects with minimal effort! Truly amazing to be able to build components in Joomla using incremental refinement without having to do everything by hand. Thanks for the great tool! I am so much more productive now than ever and I can't imagine building components any other way!!!!
Dave (Forum)

Map

BASIC MAPS

STYLED MAPS

MARKERS

GEOCODING

DYNAMIC DATAS

STATIC MAPS

Hello My World

Downloads

Get Started

Newsletter