Version JQM: 1.2.0
Desired results:
I have created a collapse button on the Index.html page to display contact information. This includes a link to a page containing a Google static map. When the user taps the link, the page containing the map will be displayed.
Problem:
Sounds like an easy enough link, but when I tap the link, it works intermittently. Sometimes if I continue tapping the button or other times if I hold the link button down it will display. I have checked the forum and have not found a solution. The map itself, when displayed is fine, so I no the static map call is correct. Can you suggest a solution I can try?
Code from home page calling the map:
- <div data-role="collapsible" data-iconpos="right" data-inset="true" data-mini="true">
- <h2>Contact us</h2>
- <p style="text-align:center; font-weight:bold;">
- <h3 class="alignCtr">
- <a href="714-533-1631">Phone: 714-533-1631</a>
- <br />
- (Touch number to dial)
- </h3>
- <p class="alignCtr">
- Address: 1194 W. Ketella Ave.<br/>
- Anaheim, CA 92802<br />
- (across from Disneyland)<br /><br />
- PC Website: www.marrispizza.com<br />
- Email address: marrispizza@gmail.com<br /><br />
- <div data-role="button" data-icon="arrow-r" data-iconpos="right">
- <a href="find.html" data-prefetch data-inline="true" data-icon="arrow-r">Map</a>
- </div>
The code for page being called:
- <div data-role="content">
- <!-- Google Static Map -->
- <p class="alignMap">
- <img src="http://maps.googleapis.com/maps/api/staticmap?center=1194+Ketella+ave,
- +Anaheim,CA&zoom=13&size=130x160&scale=2&maptype=roadmap&markers=label:H%7C1194
- +Katella+Ave,+Anaheim,CA&sensor=false">
- </p>
- <!-- /static map -->
- <p>
- We are located across from <strong>Disneyland Resort</strong> A great Famly Restsurant to
- have Lunch or Dinner while visiting the park.
- </p>
- <p class="alignCtr">
- <strong>1194 Ketella Ave.<br/>
- Anaheim, CA<br/>
- 92802</strong>
- </p>
- </div>
I have placed this up on my server for testing and review. URL shown above.