Zh GoogleMap CustomPlacemarkList - Revision history

Admin: /* Creating custom placemark list */

2016-08-17T14:42:14Z

Creating custom placemark list

← Older revision		Revision as of 14:42, 17 August 2016
Line 95:		Line 95:

	Now you know how you can access to your placemarks outside component. This feature is only in component call, and in nearest future it will be only there, because in other case there is too hard to manage it for different maps on one page.		Now you know how you can access to your placemarks outside component. This feature is only in component call, and in nearest future it will be only there, because in other case there is too hard to manage it for different maps on one page.

			You can create any HTML formatted placemark list for your map.

Admin: /* Creating custom placemark list */

2016-08-17T14:40:37Z

Creating custom placemark list

← Older revision		Revision as of 14:40, 17 August 2016
Line 92:		Line 92:

	[[File:Gm-tutorial-custom-placemarklist-item-center-zoom.png]]		[[File:Gm-tutorial-custom-placemarklist-item-center-zoom.png]]


			Now you know how you can access to your placemarks outside component. This feature is only in component call, and in nearest future it will be only there, because in other case there is too hard to manage it for different maps on one page.

Admin: /* Creating custom placemark list */

2016-08-17T14:39:55Z

Creating custom placemark list

← Older revision		Revision as of 14:39, 17 August 2016
Line 23:		Line 23:
	[[File:Gm-tutorial-placemarklist-yes-result.png]]		[[File:Gm-tutorial-placemarklist-yes-result.png]]


			Now you know how you can access to your placemarks outside component. This feature is only in component call, and in nearest future it will be only there, because in other case there is too hard to manage it for different maps on one page.

	It is built-in placemark list, you can click on it to show placemark or it's infowin.		It is built-in placemark list, you can click on it to show placemark or it's infowin.

Admin: /* Creating custom placemark list */

2016-08-17T14:35:16Z

Creating custom placemark list

@@ Line 73: / Line 73: @@
 I don't know why, if you enter center action first, ie ''center,click'' Google's script hangs, probably, it tries to do some calculation to pan. Probably it will be fixed in future API versions ;)
-And the last parameter - change zoom. Lets do center on placemark and set zoom to 14.
 <pre><p><a href="#" onclick="PlacemarkByIDShow(81, 'center', 16); return false;">Show me Jeep</a></p></pre>

Admin: /* Creating custom placemark list */

2016-08-17T14:31:35Z

Creating custom placemark list

← Older revision		Revision as of 14:31, 17 August 2016
Line 65:		Line 65:

	If you click on it, the map center will be changed to ''Jeep'' placemark		If you click on it, the map center will be changed to ''Jeep'' placemark

			Now lets add click action to execute '''Action by click''' option of this placemark. For this placemark this option is ''Open InfoWin''

			Change text to
			<pre><p><a href="#" onclick="PlacemarkByIDShow(81, 'click,center', ''); return false;">Show me Jeep</a></p></pre>

			I don't know why, if you enter center action first, ie ''center,click'' Google's script hangs, probably, it tries to do some calculation to pan. Probably it will be fixed in future API versions ;)

			And the last parameter - change zoom. Lets do center on placemark and set zoom to 14.

			<pre><p><a href="#" onclick="PlacemarkByIDShow(81, 'center', 16); return false;">Show me Jeep</a></p></pre>

Admin: /* Creating custom placemark list */

2016-08-17T14:15:52Z

Creating custom placemark list

← Older revision		Revision as of 14:15, 17 August 2016
Line 18:		Line 18:


	Now you can see placemark list		Now you can see placemark list and button to show/hide it. You can configure different options for this list (show or not button, size, style, content, action on click and so on).


Line 25:		Line 25:

	It is built-in placemark list, you can click on it to show placemark or it's infowin.		It is built-in placemark list, you can click on it to show placemark or it's infowin.


			There is one flexible feature in component for creating your own placemark list. For example, you don't want to use predefined styles or positions.

			Lets create custom placemark list. You need a little HTML skills.

			This feature is exists only when you display map by component call (menu item type '''Map''')

			[[File:Gm-tutorial-custom-placemarklist-menu1.png]]

			Select your map to display. On the bottom of properties you can see radion button


			[[File:Gm-tutorial-custom-placemarklist-menu2-select.png]]

			If you set it to Yes, in page body will be the function to access to placemark

			<code>function PlacemarkByIDShow(p_id, p_action, p_zoom) {</code>

			That function can get three parameters

			* p_id - placemark ID
			* p_action - action, which you can execute on clicking (center and/or click)
			* p_zoom - you can override new zoom value

			Lets disable our default placemark list (set position to No). In this case placemark list will not appear, and there is no button to show it.

			Now you can do your own placemark list. You can create your own Custom HTML module, or you can use Header or Footer HTML fields to create placemark list.

			I will use Header field to create link to my placemark with ID=81.

			Enter simple a-tag into Header HTML-text
			<pre><p><a href="#" onclick="PlacemarkByIDShow(81, 'center', ''); return false;">Show me Jeep</a></p></pre>


			Now above the map we can see link

			[[File:Gm-tutorial-custom-placemarklist-item-center.png]]

			If you click on it, the map center will be changed to ''Jeep'' placemark

Admin: /* Creating custom placemark list */

2016-08-17T13:47:19Z

Creating custom placemark list

← Older revision		Revision as of 13:47, 17 August 2016
Line 4:		Line 4:

	For example, your map looks like		For example, your map looks like


	[[File:Gm-tutorial-placemarklist-no.png]]		[[File:Gm-tutorial-placemarklist-no.png]]

	Lets enable placemark list feature. Set in options for placemark list its position and ~~type~~

			Lets enable placemark list feature. Set in options for placemark list its position and appearance


	[[File:Gm-tutorial-placemarklist-yes.png]]		[[File:Gm-tutorial-placemarklist-yes.png]]




			Now you can see placemark list


			[[File:Gm-tutorial-placemarklist-yes-result.png]]


			It is built-in placemark list, you can click on it to show placemark or it's infowin.

Admin: Created page with "== Creating custom placemark list == As you know, you can use built-in placemark lists. Lets look at it. For example, your map looks like File:Gm-tutorial-placemarklist-..."

2016-08-17T13:41:27Z

Created page with "== Creating custom placemark list == As you know, you can use built-in placemark lists. Lets look at it. For example, your map looks like File:Gm-tutorial-placemarklist-..."

New page

== Creating custom placemark list ==

As you know, you can use built-in placemark lists. Lets look at it.

For example, your map looks like

[[File:Gm-tutorial-placemarklist-no.png]]

Lets enable placemark list feature. Set in options for placemark list its position and type

[[File:Gm-tutorial-placemarklist-yes.png]]