Online Maps, Find Your Location, and Driving Directions.

Back to classic search

Send to Phone

Find businesses, addresses, and places of interest

e.g. AppleSeed near Sunnyvale, CA 94086

Hot Tools New

Set default location

Print Send Link

<div id="categoryPanel" class="map_categoryPanel">
	<div style="position:absolute;top:0; left:0;">
		<div class="site_category_b_wrap">
		<ul class="site_category_b">
		    <li class="cat_title">
		        Find <br />Nearby
		   </li>
		   <li class="site_category_b_line" ></li>
		</ul>
		</div>
	   <div class="pointer_bg category_prev_gray" id="prevOcsBtn"></div>
	   <div class="scroller">
	   <div class="content">
	   <ul class="site_category_b cat_s" id="scrollContent">
	    {if result.isUSCC==true}
	        <li class="ca_uscc section" id="ca_uscc_store">
	            <a title="${result.usccName}" class="cat_bg"></a>;
	            <div class="clearboth"></div>
	        </li>
	    {/if}
	    {for catItem in result.allcats.cats}
	      {if catItem.catid!=-1}
	        <li id="ca1_${catItem.catid}" class="ca1_${catItem.catid} section">
	            <a title="${catItem.catname}" class="cat_bg"></a>
	            <div class="clearboth"></div>
	         </li>
	      {/if}
	    {/for}
		</ul>
	    </div>
		</div>
	    <div class="pointer_bg2 category_next" id="nextOcsBtn"></div>
    </div>
	<div class="map_categoryPanel_bg" id="one_click_search"></div>
</div>

<div class="current_weather">
<div id="weather_content_detail"/>
{if result.currentWeather}
	<h2 class="siteBg weather_current">Current Weather</h2>
	<table border="0" cellspacing="0" cellpadding="0"
		class="table_currentWeather">
		<tr class="weather_show">
			<td class="left_info current_fell"><img 
				src="${result.picsDNS}/images/weather/weatherBig_${result.currentWeather.skyImgCode}.png" class="png"/>
			<p><strong>${result.currentWeather.skyCondition}</strong></p>
			</td>
			<td class="right_info current_temp">${result.currentWeather.displayTempInFarenheit}</td>
		</tr>
		<tr>
			<td class="small">Humidity:</td>
			<td class="small">${result.currentWeather.humidity } %</td>
		</tr>
		<tr>
			<td class="small">Wind:</td>
			<td class="small">${result.currentWeather.wind}</td>
		</tr>
		<tr>
			<td class="small">Condition:</td>
			<td class="small">${result.currentWeather.tempCondition}</td>
		</tr>
		<tr>

</tr>
	</table>
{/if}
</div>
</div>
<div class="list_weather">
{if result.weeklyWeather}
	<h2 class="siteBg weather_list">7-Day</h2>
	<table class="table_weather" border="0" cellspacing="0" cellpadding="0">
		{for weather in result.weeklyWeather}
			<tr {if (weather_index+1) % 2 > 0} class="even" {/if}>
			<td class="date">
				${weather.weekrDay}
			</td>
			<td class="weather_icon">
				<div style="height:18px;width:25px;" >
				<img width=25 height=18 src="${result.picsDNS}/images/weather/weatherSmall_${weather.skyImgCode}.png" class="png_scale" />
				</div>
			</td>
			<td class="weather_info">${weather.skyCondition}</td>
			<td class="weather_temperature">
				High:${weather.displayHighTempInFarenheit}
				Low:${weather.displayLowTempInFarenheit}
			</td>
			</tr>
		{/for}
	</table>
{/if}
</div>

<div id="bubble_main_small_panel" class="bubble" style='width:278px;position:absolute;'>
	<div class='b_cell b_cell_address_2'>
		<h4>${jsonObj.AddressStr}</h4>
	</div>
	<div class='bubble_panel'>
		<div class='b_cell'>
		    <p style='line-height:18px;'>
				{if window.SHARE_ADDRESS_FROM_MAP==true}
					<input type='submit' name='submit' value="${window.mapConst.i18n.const_button_sync_to_phone}" class='btn btn_sendphone' id='pop_address_${jsonObj.id}' />
				{/if}
				{if window.const_is_uscc}
	                 
	            {else}
	                  
	            {/if}
				<a style='text-decoration:underline' href='javascript:void(0);' class='detls' id="saveFavorite_${jsonObj.id}">${window.mapConst.i18n.const_text_save_favorite}</a>
	            {if window.const_is_uscc}
                     
                {else}
                      
                {/if}
			    <a style='text-decoration:underline' href='javascript:void(0);' class='detls' id="getDirections_${jsonObj.id}" >${window.mapConst.i18n.const_text_get_directions}</a>
			</p>
		</div>	
	</div>
	<div class='b_cell'  style='margin-top:10px; position:relative;' >
			${window.mapConst.i18n.const_text_zoom_to} <a href='javascript:void(0);' id="zoomToStreet_${jsonObj.id}" >${window.mapConst.i18n.const_text_zoom_to_street}</a>   |   <a href='javascript:void(0);' id="zoomToCity_${jsonObj.id}">${window.mapConst.i18n.const_text_zoom_to_city }</a>   |   <a href='javascript:void(0);' id="zoomToState_${jsonObj.id}">${window.mapConst.i18n.const_text_zoom_to_state}</a> 
			<a href='javascript:void(0);' id='morelink' style='position:absolute; right:0;' class='detls'>${jsonObj.const_text_bubble_more}</a>
	</div>
</div>

<div id="bubble_main_small_panel" class="bubble" style='width:276px;'>
	
		{if jsonObj.poi_biz_url }
		<h4><a target='tnlocal' href='${jsonObj.poi_biz_url } '>${jsonObj.label} </a></h4>
		{else}
		<h4><a href='javascript:void(0)'>${jsonObj.label }</a></h4>
		{/if}
		<div class='b_cell_address_2'>	
		<p><button id='poi_details_button' class="${jsonObj.ratingStr }"></button>
		<a href='javascript:void(0)'  class='detls' id='writeReview_${jsonObj.poiId }' class='login_lockTip send_to_phone'>
		{if jsonObj.ratingNum>0}
			{if jsonObj.ratingNum==1}
			${jsonObj.ratingNum} ${window.mapConst.i18n.const_test_review }
			{else}
			${jsonObj.ratingNum} ${window.mapConst.i18n.const_test_reviews }
			{/if}
		{else}
		${ window.mapConst.i18n.const_text_write_review}
		{/if}
		</a>
		</p>
		<p>
		{if jsonObj.addrFirst=="" || jsonObj.addrLast==""}
		${jsonObj.addr }
		{else}
		${jsonObj.addrFirst}<br/>${jsonObj.addrLast}
		{/if}
		</p>
		{if jsonObj.phone}
		<p><span>${jsonObj.phone }</span></p>
		{/if}
	    </div>
	
	
	<div  class='bubble_panel'>
		<div class='b_cell'>
		   <p>
				{if window.SHARE_ADDRESS_FROM_MAP==true}
					<input type='submit' name='submit' value="${window.mapConst.i18n.const_button_sync_to_phone}" class='btn btn_sendphone' id='pop_address_${jsonObj.poiId}' ></>
				{/if}
				{if window.const_is_uscc}
                     
                {else}
                      
                {/if}
				<a style='text-decoration:underline' href='javascript:void(0)' class='detls' id="saveFavorite_${jsonObj.poiId}">${window.mapConst.i18n.const_text_save_favorite}</a>
				{if window.const_is_uscc}
                     
                {else}
                      
                {/if}
				<a style='text-decoration:underline' href='javascript:void(0)' class='detls' id="getDirections_${jsonObj.poiId}" >${window.mapConst.i18n.const_text_get_directions}</a>
		   </p>
		</div>	
	</div>
	<div class='b_cell' style='margin-top:10px; position:relative;' >
	   ${window.mapConst.i18n.const_text_zoom_to} <a href='javascript:void(0)' id="zoomToStreet_${jsonObj.poiId}" >${window.mapConst.i18n.const_text_zoom_to_street}</a>   |   <a href='javascript:void(0)' id="zoomToCity_${jsonObj.poiId}">${window.mapConst.i18n.const_text_zoom_to_city }</a>   |   <a href='javascript:void(0)' id="zoomToState_${jsonObj.poiId}">${window.mapConst.i18n.const_text_zoom_to_state}</a> 
	   <a href='javascript:void(0)'  style='position:absolute; right:0;' id='morelink' class='detls'>${jsonObj.const_text_bubble_more}</a>
	</div>
</div>

<div id="bubble_main_large_panel" style="width: 630px;" class="bubble">
	<h3 class="bubble" id="bubble_title">Address</h3>
	<div id="bubble" scroll="1" class="bubble_scroll">
		<table cellspacing="0" cellpadding="0" border="0">
			<tbody>
				<tr>
					<td>
						<div class="b_cell">
							<p>${result.addr}</p>
							<p>Directions: <a id="link_to_here_${result.id}" href="javascript:void(0);">To here</a> - <a id="link_from_here_${result.id}" href="javascript:void(0);">From here</a></p>
							<p><a id="link_search_nearby_${result.id}" class="detls" href="javascript:void(0)">Search nearby</a></p>
						</div>
					</td>
					<td width="25">
						<img width="25px" height="1px" src="http://pics.telenav.com/tnweb/tnmap/1112/resources/uscc/images/blank.gif">
					</td>
					<td width="254" height="100">
						<img width="254px" height="100px" src="/tnmap/maps/getMapImg.do?icon=1&scale=3&width=254&height=100&ll=${result.ll}&rt=${result.rt}" class="bmap">
					</td>
				</tr>
			</tbody>
		</table>
		<table cellspacing="0" cellpadding="0" border="0" class="tabBar">
			<tbody>
				<tr>
					<td class="separate"><img width="1" height="1" src="http://pics.telenav.com/tnweb/tnmap/1112/resources/uscc/images/blank.gif"></td>
					<td class="current">Weather</td>
					<td class="li_right"><img width="1" height="1" src="http://pics.telenav.com/tnweb/tnmap/1112/resources/uscc/images/blank.gif"></td>
				</tr>
			</tbody>
		</table>
		{if result.weatherHtml}
		<div id="addr_weather_div" scroll="1" class="bubble_content">
			${result.weatherHtml}
		</div>
		{/if}
	</div>
</div>

<div id="bubble_main_large_panel" class="bubble" style="width:630px;">
		<h3 id="bubble_title" class="bubble">${result.poi.label}</h3>
		<div class="bubble_scroll" id="bubble" scroll="1">
		
			<div class="b_cell" style="width:270px;float:left;">
				
			  		
						<p>
						<button id="poi_details_button_max" class="rating rating-${result.poi.ratingIcon}"></button>
						<a href="javascript:void(0)" class="detls"
							id='poi_review_num_link_${result.poi.poiId}'>Write a review</a></p>
					
				
				
				<p id="poiSingleAddress">${result.poi.addr}</p>		
				<p><span> 
				 ${result.poi.phone}
				</span> </p>
				
				<p>Directions: <a href="javascript:void(0)" id="toHere_${result.poi.poiId}" >To here</a> - 
				                                      <a href="javascript:void(0)" id="fromHere_${result.poi.poiId}">From here</a></p>
				<p><a href="javascript:void(0)" class="detls" id="searchNearBy_${result.poi.poiId}">Search nearby</a>
			
				 <span class="weaken">|</span> <a href="javascript:void(0)" class="login_lockTip send_to_phone"
							id='pop_send_${result.poi.poiId}' 
							>Send</a>        	  
				
				</p>
				
			</div>
			
			<div class="b_rightItem">
				<img  class="bmap" src="${result.CONTEXT_PATH}/maps/getMapImg.do?icon=1&scale=3&width=254&height=100&ll=${result.poi.lat},${result.poi.lon}&rt=${result.currentTimeMillis}" width="254" height="100" />
				<ul class='shareClient' style='margin-top:5px;'>
					<li class="variety_logo ll_twitter" id="poi_pop_share_link"><a href="javascript:void()" >Share with Friends</a></li>
				</ul>
				<div id="tiny_pop_${result.poi.poiId}" style="display:none;position:absolute;z-index:200;" class="popupshare_wrap">
				
							<div class="list_bgShareClient_ie" style="width:100%;position:absolute;top:0;"></div>
							<div id="tiny_pop_content_${result.poi.poiId}" class="popupshare"></div>
					
				</div>
			</div>
			
			<table border="0" cellspacing="0" cellpadding="0" class="tabBar" width="100%">
				  <tr>
				    {if result.poi.description != null}
					<td class="separate"><img src="${result.picsDNS}/images/blank.gif" width=1 height=1 /></td>
					<td class="current" id="poi_info_td"><a href="javascript:void(0)">Description</a> </td>
					{/if}
					<td class="separate"><img src="${result.picsDNS}/images/blank.gif" width=1 height=1 /></td>
					<td  id="poi_review_td"><a id="poi_review_td_link" href="javascript:void(0)">Reviews (${result.poi.ratingNum})</a></td>
					<td class="separate" ><img src="${result.picsDNS}/images/blank.gif" width=1 height=1 /></td>
					<td id="poi_weather_td"><a href="javascript:void(0)">Weather</a></td>
					<td class="li_right"><img src="${result.picsDNS}/images/blank.gif" width=1 height=1 /></td>
				  </tr>
			</table>
            <div class="bubble_content" style="height: 216px">
            {if result.poi.desc != null}
		        			
					<div  id="poi_info_div" >
						<p>${result.poi.desc}</p>
					</div>
				
		   {/if}
		    
			
			 	
					<div  id="poi_review_div" style="display:none">						
					</div>
			  
			 
		    
		    
			 	
			  			
				<div id="poi_weather_div" style="display:none">
				  
				</div>
				
			 
			  
			 </div>
		</div>
	</div>

<div style="width: 240px;display:none;" class="bubble" id="bubble_content_dir_from_to_here">
	
	{if jsonObj.AddressStr}
	<div class="b_cell_address"><h5>${jsonObj.AddressStr}</h5></div>
	{else if jsonObj.poiId}
		{if jsonObj.poi_biz_url }
		<h4><a target='tnlocal' href='${jsonObj.poi_biz_url } '>${jsonObj.label} </a></h4>
		{else}
		<h4><a href='javascript:void(0)'>${jsonObj.label }</a></h4>
		{/if}
		<div class='b_cell_address'>	
			<p><button id='from_to_here_poi_details_button' class="${jsonObj.ratingStr }"></button>
			<a href='javascript:void(0)'  class='detls' id='from_to_here_writeReview_${jsonObj.poiId }' class='login_lockTip send_to_phone'>
			{if jsonObj.ratingNum>0}
				{if jsonObj.ratingNum==1}
				${jsonObj.ratingNum} ${window.mapConst.i18n.const_test_review }
				{else}
				${jsonObj.ratingNum} ${window.mapConst.i18n.const_test_reviews }
				{/if}
			{else}
			${ window.mapConst.i18n.const_text_write_review}
			{/if}
			</a>
			</p>
			<p>
			{if jsonObj.addrFirst=="" || jsonObj.addrLast==""}
			${jsonObj.addr }
			{else}
			${jsonObj.addrFirst}<br/>${jsonObj.addrLast}
			{/if}
			</p>
			{if jsonObj.phone}
			<p><span>${jsonObj.phone }</span></p>
			{/if}
	    </div>
	{/if}
	
	<div class="b_cell_address">
		<div id="bubble_quick_search_ori_panel">
			<p>Directions: <strong>To here</strong> - <a id="fromHereOri" href="javascript:void(0)">From here</a></p>
			<p class="small error_text" style="display: none;" id="bubble_st_addr_blank_prompt">Please enter the original address</p>
			<input style="vertical-align: bottom; margin-right: 8px; width: 160px;" class="input_field input_search1" id="bubble_quick_search_ori_input" />
			<input type="submit" onfocus="this.blur();" value=" " id="bubble_quick_search_ori_submit" class="btn btn_go" name="Submit" />
		</div>
		<div style="display: none;" id="bubble_quick_search_dest_panel">
			<p>Directions: <a id="toHereDest" onclick="" href="javascript:void(0)">To here</a> -<strong> From here</strong></p>
			<p class="small error_text" style="display: none;" id="bubble_de_addr_blank_prompt">Please enter the destination</p>
			<input style="vertical-align: bottom; margin-right: 8px; width: 160px;" class="input_field input_search1" id="bubble_quick_search_dest_input" />
			<input type="submit" onfocus="this.blur();" value=" " id="bubble_quick_search_dest_submit" class="btn btn_go" name="Submit" />
		</div>
	</div>
	<div class="b_cell">
		<a id="dirFromToHereBack" href="javascript:void(0);"> << Back</a>
	</div>
</div>

<div style="width: 240px;display:none;" class="bubble" id="bubble_content_search_nearby">
	
	{if jsonObj.AddressStr}
	<div class="b_cell_address"><h5>${jsonObj.AddressStr}</h5></div>
	{else if jsonObj.poiId}
		{if jsonObj.poi_biz_url }
		<h4><a target='tnlocal' href='${jsonObj.poi_biz_url } '>${jsonObj.label} </a></h4>
		{else}
		<h4><a href='javascript:void(0)'>${jsonObj.label }</a></h4>
		{/if}
		<div class='b_cell_address'>	
			<p><button id='search_nearby_poi_details_button' class="${jsonObj.ratingStr }"></button>
			<a href='javascript:void(0)'  class='detls' id='search_nearby_writeReview_${jsonObj.poiId }' class='login_lockTip send_to_phone'>
			{if jsonObj.ratingNum>0}
				{if jsonObj.ratingNum==1}
				${jsonObj.ratingNum} ${window.mapConst.i18n.const_test_review }
				{else}
				${jsonObj.ratingNum} ${window.mapConst.i18n.const_test_reviews }
				{/if}
			{else}
			${ window.mapConst.i18n.const_text_write_review}
			{/if}
			</a>
			</p>
			<p>
			{if jsonObj.addrFirst=="" || jsonObj.addrLast==""}
			${jsonObj.addr }
			{else}
			${jsonObj.addrFirst}<br/>${jsonObj.addrLast}
			{/if}
			</p>
			{if jsonObj.phone}
			<p><span>${jsonObj.phone }</span></p>
			{/if}
	    </div>
	{/if}
	
	<div class="b_cell_address">
		<p>Search nearby</p>
		<p class="small error_text" style="display: none;" id="bubble_search_nearby_blank_input_prompt">Please enter a keyword</p>
		<input style="font-weight: 400; vertical-align: bottom; margin-right: 8px; width: 160px;" class="input_field input_search1" id="bubble_search_nearby_input" />
		<input type="submit" onfocus="this.blur();" value=" " id="bubble_search_nearby_submit" class="btn btn_go" name="Submit" />
	</div>
	<div class="b_cell">
		<a id="searchNearbyBack" href="javascript:void(0)"> << Back</a>
	</div>
</div>

<div id="dir_wps_opened_dlg" class="dir_wps dir_wpsOpen">
		<div class="close_dialog"><a href="javascript:void(0);" id="close_dialog"  class="press_icon close_icon"/></a></div>
		<div class="dir_wpsContent" id="add_more_dest_dlg_content" style="margin-top:10px;">
			
			<div id="add_more_dest_list">
				{if result && result.addrs != null}
					{for addr in result.addrs}
					<div id="multiStopInputDiv_${addr_index}">
						<table width="100%" border="0" cellspacing="0" cellpadding="0" class="dir_multi{if result.addrsCount>2}2{/if}
							{if result.rtnCode=="MU_DIR_MM" && addr_index == result.mmAddrIndex}multi-match-select{/if}
							{if result.rtnCode=="MU_DIR_ADDR_NF" && addr_index == result.nfAddrIndex}multi-match-select{/if}
							{if result.rtnCode=="MU_DIR_ADDR_EMPTY" && addr_index == result.emptyAddrIndex}multi-match-select{/if}">
							<tr>
								<td><a class="multi_drag multi_${addr.addrLowerChar}" href="javascript:void(0);" onclick="return false;"></a></td>
								<td class="dir_input_td">
									<input type="text" name="addrs" id="addrs_${addr_index}" class="input_field input_mulitDir" tabindex="${parseInt(addr_index)+20}" value="${addr.addr}"  />
									<input type="hidden" name="hidden_addrs" value="${addr.addr}" />
									<input type="hidden" name="hidden_addrs_ll" value="${addr.addrLl}" />
								</td>
								<td><a href="javascript:void(0);" id="removeDestination_${addr_index}" class="press_icon close_icon_gray"  style="display:{if result.addrsCount<3}none{/if}"/></td>
							</tr>
						</table>
					</div>
					{/for}
				{else}
					<div id="multiStopInputDiv_0">
						<table width="100%" border="0" cellspacing="0" cellpadding="0" class="dir_multi">
							<tr>
								<td><a class="multi_drag multi_a" href="javascript:void(0);" onclick="return false;"></a></td>
								<td class="dir_input_td">
									<input type="text" name="addrs" id="addrs_0" class="input_field input_mulitDir" tabindex="20" value=""  />
									<input type="hidden" name="hidden_addrs" value="" />
									<input type="hidden" name="hidden_addrs_ll" value="" />
								</td>
								<td><a href="javascript:void(0);" id="removeDestination_0" class="press_icon close_icon_gray"  style="display:none"/></td>
							</tr>
						</table>
					</div>
					<div id="multiStopInputDiv_1">
						<table width="100%" border="0" cellspacing="0" cellpadding="0" class="dir_multi">
							<tr>
								<td><a class="multi_drag multi_b" href="javascript:void(0);" onclick="return false;"></a></td>
								<td class="dir_input_td">
									<input type="text" name="addrs" id="addrs_1" class="input_field input_mulitDir" tabindex="21" value=""  />
									<input type="hidden" name="hidden_addrs" value="" />
									<input type="hidden" name="hidden_addrs_ll" value="" />
								</td>
								<td><a href="javascript:void(0);" id="removeDestination_1" class="press_icon close_icon_gray"  style="display:none"/></td>
							</tr>
						</table>
					</div>
				{/if}
			</div>
			
			<div style="height:0; line-height:0;display:{if result && result.addrsCount!=2}none{/if}">
				<a href="javascript:void(0)"  id="dir_reverse" style=""></a>
			</div>

<div class="dir_controls" style="*width:75%; *padding-right:0px;">
			    {if result && result.addrsCount<20}
				  <a id="add_more_dest_input_link" class="small add_more_dest_input_link" href="javascript:void(0);" >Add destination</a>
				{/if}
				{if result==null}
				 <a id="add_more_dest_input_link" class="small add_more_dest_input_link" href="javascript:void(0);" >Add destination</a>
				{/if}
				<a id="route_optimize_link" class="small add_more_dest_input_link" href="javascript:void(0);" onclick="return false;" style="display:none;">
					Optimize
				</a>
				<input id="multiStopSubmitBtn" name="input" style="float:right; *clear:none;" class="btn btn_long btn_direction" type="button" value=" " />
			</div>
			<div class="dir_drag_tip">Click and drag the address labels above (A,B, ...) to change the order.</div>
			
		</div>
	</div>