Zh GoogleMap ExternalPlacemarkListGroupList - Revision history

Admin: /* Set external position for placemark list and group list */

2017-09-28T11:54:58Z

Set external position for placemark list and group list

← Older revision		Revision as of 11:54, 28 September 2017
Line 32:		Line 32:

	If you display map by component call (ie menu item '''Map''') then IDs for		If you display map by component call (ie menu item '''Map''') then IDs for
	* group list: div tag with ID '''GMapsGroupDIV'''		* group list: div tag with ID="'''GMapsGroupDIV'''"
	* placemark list: ul tag with ID '''GMapsMarkerUL'''		* placemark list: ul tag with ID="'''GMapsMarkerUL'''"

	For external position you have to manual create this div and/or ul tags.		For external position you have to manual create this div and/or ul tags.

2017-09-28T11:54:18Z

Set external position for placemark list and group list

← Older revision		Revision as of 11:54, 28 September 2017
Line 32:		Line 32:

	If you display map by component call (ie menu item '''Map''') then IDs for		If you display map by component call (ie menu item '''Map''') then IDs for
	* group list '''GMapsGroupDIV'''		* group list: div tag with ID '''GMapsGroupDIV'''
	* placemark list '''GMapsMarkerUL'''		* placemark list: ul tag with ID '''GMapsMarkerUL'''

	For external position you have to manual create this div and/or ul tags.		For external position you have to manual create this div and/or ul tags.

2017-09-28T11:53:02Z

Set external position for placemark list and group list

← Older revision		Revision as of 11:53, 28 September 2017
Line 29:		Line 29:
	[[File:ExternalPlacemarkGroupList_ChangeGLpos.png]]		[[File:ExternalPlacemarkGroupList_ChangeGLpos.png]]

	If you refresh site page with map, you'll get alerts - unable to find '''div''' section for group list and '''ul''' tag for placemark list.		If you save changes and refresh site page with map, you'll get alerts - unable to find '''div''' section for group list and '''ul''' tag for placemark list.

	If you display map by component call (ie menu item '''Map''') then IDs for		If you display map by component call (ie menu item '''Map''') then IDs for

2017-09-28T11:44:58Z

Set external position for placemark list and group list

← Older revision		Revision as of 11:44, 28 September 2017
Line 82:		Line 82:

	[[File:ExternalPlacemarkGroupList_After.png]]		[[File:ExternalPlacemarkGroupList_After.png]]

			As you can see it is not hard to do, just a few tags. This example is more complicated, because I want to display it on tabs. In your case it can be just '''div''' tag for group list and '''div+ul''' tag for placemark list.

			In this example I added ID for all my divs for future (if you want to modify styles for it)

			[[File:ExternalPlacemarkGroupList_Tags.png]]

2017-09-28T11:39:14Z

Set external position for placemark list and group list

← Older revision		Revision as of 11:39, 28 September 2017
Line 77:		Line 77:
	</div>		</div>
	</pre>		</pre>


			And after this steps you can see new map

			[[File:ExternalPlacemarkGroupList_After.png]]

2017-09-28T11:38:13Z

Set external position for placemark list and group list

← Older revision		Revision as of 11:38, 28 September 2017
Line 50:		Line 50:
	My result code is		My result code is

	<~~nowiki~~>		<pre>
	<script type="text/javascript" >		<script type="text/javascript" >

	jQuery( function() {		jQuery( function() {

	jQuery( "#GMapsPanelExternal" ).tabs();		jQuery( "#GMapsPanelExternal" ).tabs();

	} );		} );

	</script>		</script>

	<div id="GMapsPanelExternal">		<div id="GMapsPanelExternal">

	<ul>		<ul>

	<li><a href="#GMapsPanelExternal-tabs-1">Категории</a></li>		<li><a href="#GMapsPanelExternal-tabs-1">Категории</a></li>

	<li><a href="#GMapsPanelExternal-tabs-2">Компаниjа</a></li>		<li><a href="#GMapsPanelExternal-tabs-2">Компаниjа</a></li>

	</ul>		</ul>

	<div id="GMapsPanelExternal-tabs-1">		<div id="GMapsPanelExternal-tabs-1">
			<div id="GMapsGroupDIV">&nbsp;</div>
	<div id="GMapsGroupDIV"> </div>

	</div>		</div>

	<div id="GMapsPanelExternal-tabs-2">		<div id="GMapsPanelExternal-tabs-2">

	<div id="GMapsMarkerListExternal">		<div id="GMapsMarkerListExternal">

	<div id="GMapsMarkerListSearchExternal">		<div id="GMapsMarkerListSearchExternal">

	<input id="GMapsMarkerListSearchAutocomplete" placeholder="Компаниjа" >		<input id="GMapsMarkerListSearchAutocomplete" placeholder="Компаниjа" >

	</div>		</div>

	<div id="GMapsMarkerListMainExternal">		<div id="GMapsMarkerListMainExternal">
			<ul id="GMapsMarkerUL">&nbsp;</ul>
	<ul id="GMapsMarkerUL"> </ul>

	</div>		</div>

	</div>		</div>

	</div>		</div>

	</div>		</div>
			</pre>
	</~~nowiki~~>

2017-09-28T11:36:12Z

Set external position for placemark list and group list

← Older revision		Revision as of 11:36, 28 September 2017
Line 50:		Line 50:
	My result code is		My result code is

	<~~pre~~>		<nowiki>
	<script type="text/javascript" >		<script type="text/javascript" >

	jQuery( function() {		jQuery( function() {

	jQuery( "#GMapsPanelExternal" ).tabs();		jQuery( "#GMapsPanelExternal" ).tabs();

	} );		} );

	</script>		</script>

	<div id="GMapsPanelExternal">		<div id="GMapsPanelExternal">

	<ul>		<ul>

	<li><a href="#GMapsPanelExternal-tabs-1">Категории</a></li>		<li><a href="#GMapsPanelExternal-tabs-1">Категории</a></li>

	<li><a href="#GMapsPanelExternal-tabs-2">Компаниjа</a></li>		<li><a href="#GMapsPanelExternal-tabs-2">Компаниjа</a></li>

	</ul>		</ul>

	<div id="GMapsPanelExternal-tabs-1">		<div id="GMapsPanelExternal-tabs-1">

	<div id="GMapsGroupDIV"> </div>		<div id="GMapsGroupDIV"> </div>

	</div>		</div>

	<div id="GMapsPanelExternal-tabs-2">		<div id="GMapsPanelExternal-tabs-2">

	<div id="GMapsMarkerListExternal">		<div id="GMapsMarkerListExternal">

	<div id="GMapsMarkerListSearchExternal">		<div id="GMapsMarkerListSearchExternal">

	<input id="GMapsMarkerListSearchAutocomplete" placeholder="Компаниjа" >		<input id="GMapsMarkerListSearchAutocomplete" placeholder="Компаниjа" >

	</div>		</div>

	<div id="GMapsMarkerListMainExternal">		<div id="GMapsMarkerListMainExternal">

	<ul id="GMapsMarkerUL"> </ul>		<ul id="GMapsMarkerUL"> </ul>

	</div>		</div>

	</div>		</div>

	</div>		</div>

	</div>		</div>

	</~~pre~~>		</nowiki>

2017-09-28T11:27:13Z

Set external position for placemark list and group list

2017-09-28T11:26:27Z

Set external position for placemark list and group list

2017-09-28T11:25:52Z

Set external position for placemark list and group list

@@ Line 42: / Line 42: @@
 In my case I will use map footer. There is a field in map details to write just below the map, go to '''Footer''' tab.
 [[File:ExternalPlacemarkGroupList_Footer.png]]
-Now I want to use JQuery IU to create tabs.