---###前提・実現したいこと
springbootでgooglemapの接続した画面を作成しています。
mysqlのDB上で登録した住所に基づいて、その住所の場所がgooglemap上に表示させたいのですが
googlemapすら表示されずうまくいきません。
おそらくjsファイルのソースの
javascript
1・main.js 2 geocoder.geocode( 3 { 4 'address': address,//検索する住所 〒◯◯◯-◯◯◯◯ 住所 みたいな形式でも検索できる 5 'region': 'jp' 6 }
の箇所で、mysqlの登録した住所の情報を入れたら、登録した住所の情報を所得できると思ってます。
どのように処理すれば登録した住所の情報を所得できるでしょうか?
ご回答のほど宜しくお願い致します
java
1・HeloController 2package com.tuyano.springboot; 3 4import java.util.List; 5 6import org.springframework.beans.factory.annotation.Autowired; 7import org.springframework.stereotype.Controller; 8import org.springframework.transaction.annotation.Transactional; 9import org.springframework.web.bind.annotation.ModelAttribute; 10import org.springframework.web.bind.annotation.RequestMapping; 11import org.springframework.web.bind.annotation.RequestMethod; 12import org.springframework.web.bind.annotation.RequestParam; 13import org.springframework.web.servlet.ModelAndView; 14 15import com.tuyano.springboot.repositories.MyDataMongoRepository; 16 17@Controller 18public class HeloController { 19 20@Autowired 21MyDataMongoRepository repository; 22 23@RequestMapping(value="/",method=RequestMethod.GET) 24public ModelAndView index(@ModelAttribute("formModel")MyDataMongo mydatamongo,ModelAndView mav){ 25 mav.setViewName("index"); 26 mav.addObject("title","Find Page"); 27 mav.addObject("msg","サンプルです"); 28 List<MyDataMongo> list=repository.findAll(); 29 mav.addObject("datalist",list); 30 System.out.println(mav); 31 return mav; 32} 33@RequestMapping(value="/",method=RequestMethod.POST) 34 35public ModelAndView form( 36 @ModelAttribute("formModel")MyDataMongo mydatamongo,ModelAndView mav){ 37 repository.saveAndFlush(mydatamongo); 38 mav =new ModelAndView("redirect:/"); 39 System.out.println("mov"+mav); 40 return mav; 41} 42 43@RequestMapping(value="/first",method=RequestMethod.GET) 44public ModelAndView find(@ModelAttribute("formModel")MyDataMongo mydatamongo,ModelAndView mav){ 45 mav.setViewName("first"); 46 mav.addObject("title","Find Page"); 47 mav.addObject("msg","サンプルです"); 48 mav.addObject("value",""); 49 List<MyDataMongo> list=repository.findAll(); 50 mav.addObject("datalist",list); 51 System.out.println(mav); 52 return mav; 53} 54@RequestMapping(value="/first",method=RequestMethod.POST) 55public ModelAndView search(@RequestParam("name")String param,ModelAndView mav){ 56 //mav.setViewName("first"); 57 58 if(param ==""){ 59 mav =new ModelAndView("redirect:/first"); 60 }else{ 61 System.out.println("param"+param); 62 mav.addObject("title","Find Result"); 63 mav.addObject("msg","["+param+"]の検索結果"); 64 mav.addObject("value",param); 65 List<MyDataMongo> list=repository.findByName(param); 66 System.out.println(list); 67 mav.addObject("dataList",list); 68 //mav.setViewName("login"); 69 mav.setViewName("login"); 70 } 71 System.out.println(mav); 72 //mav =new ModelAndView("redirect:/login"); 73return mav; 74} 75 76 77@RequestMapping(value="/login",method=RequestMethod.GET) 78public ModelAndView login(ModelAndView mav){ 79 mav.addObject("title","Find Page"); 80 mav.addObject("msg","loginです"); 81 mav.addObject("value","loginページです"); 82 System.out.println(mav); 83 return mav; 84} 85} 86
java
1・MyDataMongo.java 2package com.tuyano.springboot; 3 4import java.util.Date; 5 6import javax.persistence.Column; 7import javax.persistence.Entity; 8import javax.persistence.GeneratedValue; 9import javax.persistence.GenerationType; 10import javax.persistence.Id; 11import javax.persistence.Table; 12 13 14 15 16@Entity 17@Table(name="Linefriend") 18public class MyDataMongo { 19@Id 20@GeneratedValue(strategy=GenerationType.AUTO) 21@Column 22private Long id; 23 24@Column 25private String name; 26@Column 27private String password; 28@Column 29private String address; 30 31 32 33// 34public MyDataMongo() { 35 36this.name="田中"; 37this.password="田中"; 38this.address="田中"; 39} 40 41public void setId(Long id){ 42 43 this.id=id; 44 45} 46 47public Long getId(){ 48 49 return id; 50 51} 52 53 54public String getName(){ 55 56 return name; 57 58} 59 60public void setName(String name){ 61 62 this.name=name; 63 64} 65 66 67 68public String getPassword(){ 69 70 return password; 71 72} 73 74public void setPassword(String password){ 75 76 this.password=password; 77 78} 79 80 81public String getAddress(){ 82 83 return address; 84 85} 86public void setAddress(String address){ 87 88 this.address=address; 89 90} 91 92 93} 94 95
javascript
1・main.js 2 3 function drawMap(address) { 4 var geocoder = new google.maps.Geocoder(); 5 //住所から座標を取得する 6 geocoder.geocode( 7 { 8 'address': address,//検索する住所 〒◯◯◯-◯◯◯◯ 住所 みたいな形式でも検索できる 9 'region': 'jp' 10 }, 11 function (results, status) { 12 if (status == google.maps.GeocoderStatus.OK) { 13 google.maps.event.addDomListener(window, 'load', function () { 14 var map_tag = document.getElementById('map'); 15 // 取得した座標をセット緯度経度をセット 16 var map_location = new google.maps.LatLng(results[0].geometry.location.lat(),results[0].geometry.location.lng()); 17 //マップ表示のオプション 18 var map_options = 19 { 20 zoom: 13,//縮尺 21 center: map_location,//地図の中心座標 22 //ここをfalseにすると地図上に人みたいなアイコンとか表示される 23 disableDefaultUI: true, 24 mapTypeId: google.maps.MapTypeId.ROADMAP//地図の種類を指定 25 }; 26 27 //マップを表示する 28 var map = new google.maps.Map(map_tag, map_options); 29 30 //地図上にマーカーを表示させる 31 var marker = new google.maps.Marker({ 32 position: map_location,//マーカーを表示させる座標 33 map: map//マーカーを表示させる地図 34 }); 35 }); 36 } 37 } 38 ); 39 } 40
java
1・MyDataMongoRepository.java 2package com.tuyano.springboot.repositories; 3 4import java.util.List; 5 6import org.springframework.data.jpa.repository.JpaRepository; 7import org.springframework.stereotype.Repository; 8 9import com.tuyano.springboot.MyDataMongo; 10 11 12@Repository 13public interface MyDataMongoRepository extends JpaRepository<MyDataMongo,String>{ 14 15public List<MyDataMongo> findByName(String s); 16 17 18} 19 20 21 22
あなたの回答
tips
プレビュー