Question

我需要创建一个从用户获取状态的表单，然后在Google地图上显示此状态，然后用户通过在地图上拖动标记来设置准确的位置。我使用WordPress和重力形式。请帮助我，我阅读了google文档，但没有成功。

下面是我的代码：

<div class='gform_page_fields'>
    <ul id='gform_fields_1_4' class='gform_fields top_label form_sublabel_below description_below'>
	<li id='field_1_15' class='gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' >
	<label class='gfield_label' for='input_1_15' >استان<span class='gfield_required'>*</span></label>
	<div class='ginput_container ginput_container_select'>
	<select name='input_15' id='input_1_15'  class='medium gfield_select' tabindex='9'  aria-required="true" aria-invalid="false">
	<option value='آذربایجان شرقی' >آذربایجان شرقی</option>
	<option value='آذربایجان غربی' >آذربایجان غربی</option>
	<option value='اردبیل' >اردبیل</option>
	<option value='اصفهان' >اصفهان</option>
	<option value='البرز' >البرز</option>
	<option value='ایلام' >ایلام</option>
	<option value='بوشهر' >بوشهر</option>
	<option value='تهران' >تهران</option>
	<option value='چهارمحال و بختیاری' >چهارمحال و بختیاری</option>
	<option value='خراسان جنوبی' >خراسان جنوبی</option>
	<option value='خراسان رضوی' >خراسان رضوی</option>
	<option value='خراسان شمالی' >خراسان شمالی</option>
	<option value='خوزستان' >خوزستان</option>
	<option value='زنجان' >زنجان</option>
	<option value='سمنان' >سمنان</option>
	<option value='سیستان و بلوچستان' >سیستان و بلوچستان</option>
	<option value='فارس' >فارس</option>
	<option value='قزوین' >قزوین</option>
	<option value='قم' >قم</option>
	<option value='کردستان' >کردستان</option>
	<option value='کرمان' >کرمان</option>
	<option value='کرمانشاه' >کرمانشاه</option>
	<option value='کهگیلویه و بویراحمد' >کهگیلویه و بویراحمد</option>
	<option value='گلستان' >گلستان</option>
	<option value='گیلان' >گیلان</option>
	<option value='لرستان' >لرستان</option>
	<option value='مازندران' >مازندران</option>
	<option value='مرکزی' >مرکزی</option>
	<option value='هرمزگان' >هرمزگان</option>
	<option value='همدان' >همدان</option>
	<option value='یزد' >یزد</option>
	</select>
	</div></li>
	<li id='field_1_11' class='gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_hidden' >
	<label class='gfield_label gfield_label_before_complex' for='input_1_11_1' >انتخاب مکان<span class='gfield_required'>*</span></label>
			<div class='ginput_complex ginput_container gfield_trigger_change lffgf-map-container' id='input_1_11'>
			<input type='hidden' class='lffgf-search' name='input_11.3' id='input_1_11_3' value='' tabindex='12'   placeholder='یک مکان وارد کنید' /><label for='input_1_11_3' class='hidden_sub_label screen-reader-text'>جستجو برای آدرس</label>
			<div class='lffgf-map'></div>
			<span id='input_1_11_1_container' class='longitute'>
				<input type='hidden' class='lffgf-longitude' name='input_11.1' id='input_1_11_1' value='' tabindex='10'    /><label for='input_1_11_1' class='hidden_sub_label screen-reader-text'>طول جغرافیایی</label>
			</span>
			<span id='input_1_11_2_container' class='latitude'>
				<input type='hidden' class='lffgf-latitude' name='input_11.2' id='input_1_11_2' value='' tabindex='11'    /><label for='input_1_11_2' class='hidden_sub_label screen-reader-text'>عرض جغرافیایی</label>
			</span>
			<div class='gf_clear gf_clear_complex'></div>
        </div>
		</li>
                            </ul></div>
    <script src="http://tabesh-energy.com/wp-content/plugins/location-fields-for-gravity-forms-master1/js/plugin.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<script type='text/javascript' src='//maps.google.com/maps/api/js?v=3&#038;language=en&#038;libraries=places&#038;key=AIzaSyDd7nlBl_3iQhhJRRh4lP3McAbHKa-BTP0&#038;ver=4.9.6'></script>

在状态上设置谷歌地图，并通过拖动标记设置准确的位置

0 个答案: